このサイトついて
SPONSORED LINK
ラジオボタンやチェックボックスを作りたい
対応ブラウザ |
---|
使用するタグ:<input type="radio" ■>
ラジオボタンやチェックボックスを作りたい場合は
ラジオボタンは<input type="radio" ■>
チェックボックスは<input type="checkbox" ■>
■には以下の属性を記述することができます。
・name="ボタン名"
・vale="送信されるテキスト"
・checked(そのボタンが選択された状態になります。)
※inputタグはformタグの間に記述して下さい。
※name="ボタン名"は送信されてきたデータを解読するときなどに使用する名前を
指定するものです。またラジオボタンなどではname属性の名前が同じボタンは同一のグループとして扱われます。
例
HTMLソース
<form action="form1.cgi" method="post">
<input type="radio" value="有名だから" name="riyuu" checked>有名だから
<input type="radio" value="受講料が安いから" name="riyuu">受講料が安いから
<input type="radio" value="その他" name="riyuu">その他
<input type="reset" >
</form> <form action="form2.cgi" method="post">
<input type="checkbox" value="有名だから" name="riyuu" checked>有名だから
<input type="checkbox" value="受講料が安いから" name="riyuu">受講料が安いから
<input type="checkbox" value="その他" name="riyuu">その他
<input type="reset" >
</form>
↓
<form action="form1.cgi" method="post">
<input type="radio" value="有名だから" name="riyuu" checked>有名だから
<input type="radio" value="受講料が安いから" name="riyuu">受講料が安いから
<input type="radio" value="その他" name="riyuu">その他
<input type="reset" >
</form> <form action="form2.cgi" method="post">
<input type="checkbox" value="有名だから" name="riyuu" checked>有名だから
<input type="checkbox" value="受講料が安いから" name="riyuu">受講料が安いから
<input type="checkbox" value="その他" name="riyuu">その他
<input type="reset" >
</form>