input type="text"タグ

input（type="text"）タグは、テキスト入力欄を作成するタグです。

解説

formタグの子要素として定義します。

form送信時にはパラメータ（name属性値）と、入力されたテキスト（value属性値）がセットになって送信されます。

複数行の入力を受け付けたい場合は、textareaタグを使用してください。

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	なし

input（type="text"）タグには以下の属性が指定できます。

【属性】
属性	説明
name	名前を指定する（submit時にこの名前で送信される）（例）name="txt01"
value	値を指定する（例）value="hoge"
size	入力欄のサイズを文字数で指定する（例）size="10"
maxlength	入力可能最大文字数を指定する（例）maxlength="10" 　※全角半角の区別をしない純粋な文字数です。
list	入力候補のリストを指定する
placeholder	プレースホルダーを指定する（例）placeholder="10文字以内で入力してください。"
readonly	読み取り専用にする（例）readonly="readonly" 　※readonlyのみでもOKです。
autocomplete
pattern	入力パターンを正規表現で指定する（例）pattern="^[0-9]+$" 　※この例だと半角数値のみ入力可になります。
required	必須入力であることを指定する（例）required="required" 　※requiredのみでもOKです。

その他のグローバル属性値については、グローバル属性をご覧ください。

<input type="text" name="txt01" value="hoge">

<input type="text" name="txt02" value="hoge" size="10" maxlength="10">

<input type="text" name="txt03" value="hoge" readonly>

見た目は変化ありませんが、値の入力は不可です。

<input type="text" name="txt04" pattern="^[0-9a-zA-Z]+$" required>

半角英数字以外の入力だと、送信時にチェックがかかります。