HTML、<input>タグと関連タグ

１．<input>・・・基本の入力欄。

type属性で入力欄のタイプを選べる。

２．<label>と<input>の関連付け方法

　①関連付けタグ利用

　　<input>タグのid属性と<label>タグのfor属性の値を統一する。

　　例１．

　　<input type="radio" name="been_there" value="yes" id="yes">

　　<label for="yes">はい</label>

　　例２．

　　<p><label for="namae">名前：</label><input type="text" name="name" id="namae"></p>

<div class="form-group">
{!! Form::label('audience_selector', 'Audience Selector 公開設定') !!}<br>

{!! Form::radio('audience_selector', 'public', true) !!}
{!! Form::label('public', 'Public 全体に公開', ['class' => 'mr-5']) !!}

{!! Form::radio('audience_selector', 'private') !!}
{!! Form::label('private', 'Private 非公開') !!}
</div>

　②<label>で挟む　※対応していないブラウザあり

３．ラジオボタンの注意

　<input>value属性・・・送信されるデータの値

　<input>name属性・・・データを取り出すキー。カラム名。

ラジオボタンでの選択を必須にする場合は？

４．ドロップダウンメニューから選ぶ

<select>

...検証未。

５．大きな入力欄（テキストエリア）

<textarea>タグ