ラジオボタンやチェックボックスをフォームに作る
ホームページの中でフォームを作成して、その中に、チェックを
つけて選択させるチェックボックスやラジオボタンを付ける方法を
お伝えします。
その前に、ラジオボタンとチェックボックスについて簡単に説明。
ラジオボタンとは、性別などを聞くときに使うもので、1つの質問
に対して、1つだけ選択できるものです。
チェックボックスとは、1つの質問に対して複数選択できる
ものなのです!
さて、それでは、ラジオボタンとチェックボックスの設置方法ですが
下記のソースをホームページ内に入れればOK。
<form></form>の間に入れるのを忘れずに!
<input type="ボタンの種類" name="変数名" value="値" checked>文字列
ボタンの種類:radio ラジオボタン
checkbox チェックボックス
変数名:入力された内容を識別するための名前
値:選択されたときに変数に入力する値。
たとえば、アンケートで性別を聞く場合
<input type="radio" name="性別" value="M" checked>男
<input type="radio" name="性別" value="F" checked>女
といった感じになります。
このように、いろんな形式を作ってみて、実際に作りテスト
してみましょう!
文章ばかり読んでいてもなにもできませんからね!
トライ&エラーを繰り返して自分のものにしてしまいましょう!!
次は、プルダウンメニューを作りましょう♪
関連記事
フォームの作成
つけて選択させるチェックボックスやラジオボタンを付ける方法を
お伝えします。
その前に、ラジオボタンとチェックボックスについて簡単に説明。
ラジオボタンとは、性別などを聞くときに使うもので、1つの質問
に対して、1つだけ選択できるものです。
チェックボックスとは、1つの質問に対して複数選択できる
ものなのです!
さて、それでは、ラジオボタンとチェックボックスの設置方法ですが
下記のソースをホームページ内に入れればOK。
<form></form>の間に入れるのを忘れずに!
<input type="ボタンの種類" name="変数名" value="値" checked>文字列
ボタンの種類:radio ラジオボタン
checkbox チェックボックス
変数名:入力された内容を識別するための名前
値:選択されたときに変数に入力する値。
たとえば、アンケートで性別を聞く場合
<input type="radio" name="性別" value="M" checked>男
<input type="radio" name="性別" value="F" checked>女
といった感じになります。
このように、いろんな形式を作ってみて、実際に作りテスト
してみましょう!
文章ばかり読んでいてもなにもできませんからね!
トライ&エラーを繰り返して自分のものにしてしまいましょう!!
次は、プルダウンメニューを作りましょう♪
関連記事
フォームの作成
「ラジオボタンやチェックボックスをフォームに作る」はいかがでしたか?
他にもいろんな情報が満載です!
どうぞごゆっくりご覧ください!