HTML #12 フォーム②

  • このエントリーをはてなブックマークに追加
  • LINEで送る

 

こんにちは!
UPSTARTSのSベンです!

 

今回は「フォーム第二弾」です!

 

今回もフォーム内で使えるタグについてやっていきます。

 

セレクトボックス

セレクトボックスを表示するには、以下のように書きます。

 

selectタグを使い、中に選択肢のoptionタグを入れます。

 

デフォルトで選択されたものを設定したい時はこうします。

 

セレクトボックスでは、

「selected」を付けた要素がデフォルトで選択される状態になります。

 

 

ラジオボタン

ラジオボタンを表示するには、以下のように書きます。

 

inputで「radio」を指定します。

nameで同じ名前を付けると、単一選択にすることができます。

 

こちらのデフォルト値を設定するには、こうします。

 

ラジオボタンでは「checked」を付けると、

デフォルト値を設定する事ができます。

 

 

チェックボックス

チェックボックスを表示するには、以下のように書きます。

 

inputで「checkbox」を指定します。

デフォルト値を設定するには

こちらもラジオボタンと同じように「checked」を指定します。

 

 

 

 

 

 

今回はフォーム第二弾ということで、

「セレクトボックス」

「ラジオボタン」

「チェックボックス」

をやっていきました。

 

 

次回は「フォーム第三弾」です!

 

ではまた次回!


  • このエントリーをはてなブックマークに追加
  • LINEで送る