こんな人に読んで欲しい！
・HTMLの使い方をもっともっと知りたい人
こんにちは、「なゆた」です！
今回は、応募フォームなどで使われる選択ボタンの作り方についてを書きます。
選択ボタンには、「丸」と「チェックボックス」の２パターンがあります。
今回は選択ボタンの作り方を、２パターンごとにお教えします。
《主な使用タグ》
label・・・コントロール部品の各部が何であるかを示す要素。
input・・・form 要素内で使用する部品（コントロール）を生成する。ボタンやテキスト入力フィールド等入力するためのオブジェクトを作成する。空要素のため、閉じタグは不要。
《丸》篇
①まず最初に、＜p＞要素、＜label＞要素、＜input＞要素を入力し、＜input＞要素の中に以下の絶対的な属性を入れます。（value属性につきましては自由です。）
②次に、名前の文字を入れます。
③最後に、＜/label＞要素と＜/p＞要素で締めて完成です！この作業を、選べるようにするべく何回も繰り返します。
《チェックボックス》篇
①まず最初に、＜p＞要素、＜label＞要素、＜input＞要素を入力し、＜input＞要素の中に以下の絶対的な属性を入れます。（value属性につきましては自由です。）
②次に、名前の文字を入れます。
③最後に、＜/label＞要素と＜/p＞要素で締めて完成です！この作業を、選べるようにするべく何回も繰り返します。
完成例が、こちらです！！
いかがでしたか？この「選択ボタン」は、応募フォーム制作の際にものすごく役に立ちます。依頼された際は、ぜひこれを使ってみて下さい！
以上です、ありがとうございました！
コメント