cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > タグ・属性対応表 > 属性の説明
WEBページ作成
広告
value 「初期値の指定」[読み方：バリュー]
value属性は、タグに対応した初期値を指定します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○ | ○ |
広告
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 | ||
| url | ||
| search | ||
| tel | ||
| number | ||
| date | ||
| datetime | ||
| datetime-local | ||
| month | ||
| week | ||
| time | ||
| range | ||
| color |
value のサンプル
<input>のサンプル
<form>
<p>購入商品：
<input type="checkbox" name="ck01" value="1"checked>商品Ａ
<input type="checkbox" name="ck01" value="2">商品Ｂ
</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>
<p>購入商品：
<input type="checkbox" name="ck01" value="1"checked>商品Ａ
<input type="checkbox" name="ck01" value="2">商品Ｂ
</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>
<li>のサンプル
<ol>
<li>HTMLはホームページを記述するための言語です。</li>
<li value="3">JavaScriptは動作を記述するための言語です。</li>
<li>STYLE(CSS)は見た目を記述するための言語です。</li>
</ol>
<li>HTMLはホームページを記述するための言語です。</li>
<li value="3">JavaScriptは動作を記述するための言語です。</li>
<li>STYLE(CSS)は見た目を記述するための言語です。</li>
</ol>
- HTMLはホームページを記述するための言語です。
- JavaScriptは動作を記述するための言語です。
- STYLE(CSS)は見た目を記述するための言語です。
<meter>のサンプル （現在値が最適領域の場合）
<p>投票率：
<meter value="50" min="0" max="100" low="30" high="70" optimum="60">50%
</meter>
</p>
<meter value="50" min="0" max="100" low="30" high="70" optimum="60">50%
</meter>
</p>
投票率：
留意事項
- 特になし。
広告