WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > タグ・属性対応表 > 属性の説明

value 「初期値の指定」[読み方:バリュー]

value属性は、タグに対応した初期値を指定します。

HTML規格HTML4.01HTML5
使用可否
広告

value の属性値

意味注意事項
テキスト サーバーに送信する値 または
パラメータに設定する値 または
初期表示の値
・送信する値を指定するタグ
⇒ button、option、input(*)
・パラメータに設定する値を設定するタグ
⇒ param
・初期表示の値を設定するタグ
⇒ input(*)
(*)inputタグは、
typeによって設定値が異なります。
【inputタグのtype別の設定値】参照
数値項番の値 または
現在の位置を示す値 または
タスクの進捗度を示す値
・項番の値を設定するタグ
⇒ li(olの子要素の場合のみ)
⇒ meter
・タスクの進捗度を示す値を設定するタグ
⇒ progress

【inputタグのtype別の設定値】
type設定値注意事項 等
checkboxサーバーに送信する値
radio
submit
reset設定値がボタンに表示される
button設定値がボタンに表示される
text初期表示の値
passwaord
hidden
email
url
search
tel
number
date
datetime
datetime-local
month
week
time
range
color
ページTOP

value のサンプル

<input>のサンプル
<form>
<p>購入商品:
<input type="checkbox" name="ck01" value="1"checked>商品A
<input type="checkbox" name="ck01" value="2">商品B
</p>
<p>氏名:
<input type="text" name="in01" size="18" maxlength="20"value="氏名を入力して下さい">
</p>
<p>性別:
<input type="radio" name="ra01" value="1">男性
<input type="radio" name="ra01" value="2">女性
</p>
<p>
<input type="submit" name="bt01" value="送信する">
<input type="reset" name="bt01" value="入力内容を初期化">
</p>
</form>

購入商品: 商品A 商品B

氏名:

性別: 男性 女性


<li>のサンプル
<ol>
<li>HTMLはホームページを記述するための言語です。</li>
<li value="3">JavaScriptは動作を記述するための言語です。</li>
<li>STYLE(CSS)は見た目を記述するための言語です。</li>
</ol>
  1. HTMLはホームページを記述するための言語です。
  2. JavaScriptは動作を記述するための言語です。
  3. STYLE(CSS)は見た目を記述するための言語です。

<meter>のサンプル (現在値が最適領域の場合)
<p>投票率:
<meter value="50" min="0" max="100" low="30" high="70" optimum="60">50%
</meter>
</p>

投票率: 50%

ページTOP

留意事項

  • 特になし。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン