HTML <input> value 属性

HTML <input> タグ

定義と使用方法

value 属性は<input>要素の値を指定します。

異なる入力タイプに対して、value 属性の使用方法も異なります：

  • 「button」、「reset」および「submit」に対して - これらはボタンに表示されるテキストを定義します
  • 「text」、「password」および「hidden」に対して - これらは入力フィールドの初期（デフォルト）値を定義します
  • 「checkbox」、「radio」および「image」に対して - これらは入力に関連付けられた値を定義します（これが送信時に送信される値です）

注意：value 属性は一緒に使用できません。 <input type="file"> 一緒に使用します。

例

初期（デフォルト）値を持つ HTML フォーム：

<form action="/action_page.php">
  <label for="fname">名：</label>
  <input type="text" id="fname" name="fname" value="Bill"><br><br>
  <label for="lname">姓：</label>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="提出">
</form>

実際に試してみる

文法

<input value="text">

属性値

値 説明
text <input> 要素の値を指定します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML <input> タグ