text

input要素type属性にtextを指定すると、1行テキスト入力欄になる。

ブラウザ対応

構文

<input type="text">
<input>

type属性の初期設定値はtextなので、type属性を指定しない場合も、1行テキスト入力欄になる。

属性

属性 説明
autocomplete属性 オートコンプリートを有効にするかどうかを指定する属性。
autofocus属性 オートフォーカスさせる属性。
dirname属性 入力欄のテキストの方向を送信データに含める属性。
disabled属性 無効にする属性。
form属性 属するform要素のid属性値を指定する属性。
list属性 入力候補を示すdatalist要素(データリスト)のid属性値を指定する属性。
maxlength属性 最大文字数を指定する属性。
minlength属性 最小文字数を指定する属性。
name属性 名前を指定する属性。
pattern属性 正規表現を使った入力規制を指定する属性。
placeholder属性 入力のヒントとなるプレースホルダーを指定する属性。
readonly属性 読み取り専用にする属性。
required属性 入力を必須にする属性。
size属性 幅を文字数で指定する属性。
value属性 値を指定する属性。1行テキスト入力欄においては、初期入力値となる。

サンプルコード

1行テキスト入力欄: <input type="text" name="sampleName">
1行テキスト入力欄: <input name="sampleName">

サンプル

HTMLソースコード

<form action="sample-input-type.php" method="post" target="_blank">
	<p>
		<label>
			1行テキスト入力欄:
			<input name="sampleName">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>

実際の表示