“input”要素~“checked”属性

“checked”属性について

“checked”属性は“input”要素で表されるチェックボックス(“type="checkbox"”)とラジオボタン(“type="radio"”)を既定で選択された状態にする属性です。

“checked”属性を指定しない場合は既定で選択されていない状態になります。

ラジオボタン(“type="radio"”)の場合同一グループに属するラジオボタンのいずれかに“checked”属性を指定するとユーザーがすべてのラジオボタンを非選択状態にすることができません。

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-inputtag7.php" target="_blank">

<fieldset>

<legend>好きな果物</legend>
<p>

<label><input type="radio" name="fruit" value="甘蕉">甘蕉</label>
<label><input type="radio" name="fruit" value="林檎">林檎</label>
<label><input type="radio" name="fruit" value="甜瓜">甜瓜</label>
<label><input type="radio" name="fruit" value="苺">苺</label>
<label><input type="radio" name="fruit" value="桃">桃</label>
<label><input type="radio" name="fruit" value="なし" checked>この中にはない</label>

</p>

</fieldset>
<fieldset>

<legend>好きな野菜</legend>
<p>

<label><input type="radio" name="vege" value="南瓜">南瓜</label>
<label><input type="radio" name="vege" value="甘藍">甘藍</label>
<label><input type="radio" name="vege" value="甘藷">甘藷</label>
<label><input type="radio" name="vege" value="西瓜">西瓜</label>
<label><input type="radio" name="vege" value="茄子">茄子</label>
<label><input type="radio" name="vege" value="なし" checked>この中にはない</label>

</p>

</fieldset>
<fieldset>

<legend>猫が好きですか？</legend>
<p>

<label><input type="checkbox" name="cat" value="Yes" checked>好き</label>

</p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

属性値を省略

好きな果物

甘蕉 林檎 甜瓜 苺 桃 この中にはない

好きな野菜

南瓜 甘藍 甘藷 西瓜 茄子 この中にはない

猫が好きですか？

好き

送信する