属性value
属性 value は、HTML フォームの
入力フィールドのデフォルト値を設定します。
これは、ページにアクセスした際に自動的に
フィールドに入力されます。
テキスト入力
テキスト入力フィールド input の場合、
属性 value の内容は、フィールドに
デフォルトで表示されるテキストを設定します
(これは削除して自分で入力することも可能です)。
ボタン
属性が、タグ input で作成されたボタン
(属性 type の値が button、
submit、または reset)に
適用される場合、属性 value は
ボタンのテキストを設定します。
チェックボックス
属性がチェックボックスに
適用される場合、外見上の変化は観察されませんが、
チェックが入ったチェックボックスはサーバーに
この属性の内容を送信します。
チェックボックスに value 属性が
ない場合、文字列 'on' を送信します。
チェックボックスがチェックされていない場合、
value 属性の有無に関わらず、
サーバーには何も送信されません。
ラジオボタン
ラジオボタンのグループの場合、
サーバー側(例えば、PHP や
NodeJS)が
どのボタンが選択されたかを識別できるように、
属性 value に異なる値を設定する必要があります。
optionタグ
タグ option に
属性 value が設定されていない場合、
サーバーには option タグの内容が送信されます。
属性が設定されている場合は、その内容が送信されます。
例
入力フィールドにデフォルトテキストを設定してみましょう:
<input type="text" value="デフォルトテキスト">
:
例
次に、ボタンのテキストを変更してみましょう:
<input type="submit" value="クリックしてください">
:
関連項目
-
属性
placeholder、
これは入力フィールドにヒントを設定します