学習忘備録

学習のアウトプットや感じた事を発信していきます

HTML フォーム部品について (ドットインストール)

  • 入力フォームには一行タイプと改行タイプがある
  • 入力部品説明には placeholder よりも label を使う
  • ラベルタグの使用には2種類ある
    • 紐づける場合は for と id で同じ名前を指定する
    • もしくはタグの間に入れ込む (forとidを省略出来る)
  • ドロップダウンリスト
    • 押すと下にメニューが出るやつ
  • ラベルタグ
    • フォームの中で項目と構成部品を関連付けるもの
    • チェックボックスの場合、付けた項目をクリックしてもチェックされるように関連付けられる
  • 入力部品のグループ化
    • fieldset
  • キャプション
    • legend 
    • 見出し、タイトル、説明 
  • HTML5 モダンなブラウザに対応したフォーム部品
    • color
    • date
    • number
    • range
  • ボタン
    • 2種類あるがボタンタグで使用するほうが画像をクリックしたりも出来るからこちらのほうが良い
    • 無効化する場合は disabled = ディスエイブル
  • フォームタグ