HTML: ラジオボタンとチェックボックス Radio button and Checkbox
アンケートやフォームに必要なラジオボタンやチェックボックスを作成する。
input要素のtypeでradioを指定すると、ラジオボタンへ、checkboxを指定するとチェックボックスになる。nameは選択肢グループの共通のものを指定し、valueはサーバに送信する値を指定する。checkedはcheckedにしておけば、予め選択された状態になる。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>犬猫アンケート</title> </head> <body> <p>あなたの性別を教えてください。</p> <input type="radio" name="gender" value="otoko">男 <input type="radio" name="gender" value="onna">女 <input type="radio" name="gender" value="fumei" checked="checked">不明 <p>あなたは犬派ですか?猫派ですか?</p> <input type="checkbox" name="animal" value="both" checked="checked">両方好き! <input type="checkbox" name="animal" value="dog" >犬 <input type="checkbox" name="animal" value="cat" >猫 </body> </html>
●ブラウザでの見え方