サイト内検索
...HTML・XHTMLタグ...
フォーム
チェックボックス
- チェックボックスは、input要素type属性を指定します。
- type属性の指定がない場合、初期値は "text" です。
- [使い方]
- <input type="checkbox" name="name"value="サンプル">サンプル
- <input type="checkbox" name="name" value="サンプル" checked>サンプル
属性 | 属性値 | 説明 |
---|---|---|
name= | "" | 「"sample"」のように部品名の指定します。
半角英数字を指定します。 ・・・・・・ グループの中から複数から選べるタイプです。 複数のボタンに同じボタン名を付けることで、 1つのボタングループを作れます。 |
value= | "" | 「"送信されます"」のように送信される内容を指定します。
・・・・・・ そのボタンが選択されたときに value="" に書いた内容が送信されます。 |
checked | 属性値は不要です。
最初から選択された状態になります。 |
サンプル
[bodyの中]
<form method="post" action="sample.cgi"><div class="sample-1">
行きたい国は?(複数選択可)
<input type="checkbox" name="sample1" value="アメリカ">アメリカ
<input type="checkbox" name="sample3" value="カナダ">カナダ
<input type="checkbox" name="sample2" value="フランス">フランス
<input type="checkbox" name="sample2" value="イタリア">イタリア
<input type="checkbox" name="sample3" value="オーストラリア">オーストラリア
</div>
<div class="sample-2">
一緒に行きたい人は?
<input type="checkbox" name="sample1" value="夫婦で">夫婦で<input type="checkbox" name="sample2" value="恋人と">恋人と
<input type="checkbox" name="sample3" value="友人と">友人と
</div>
<input type="submit" value="送信する">
</form>
[ブラウザ上]