form

記事
IT・テクノロジー

基本

<form action="URL" method="post">
  ...
</form>

ラベルと関連づける

<label>ラベル<br>
  <input ...>
</label>
<label for="ID">ラベル</label><br>
<input ... id="ID">

ラジオボタン

<ul>
  <li>
    <input type="radio" name="同じ名前" id="ID1" value="値1">
    <label for="ID1">アイテム1</label>
    ...
  </li>
</ul>
 デフォルトで選択状態にする
<input type="radio" ... checked>

隠し要素

<input type="hidden" name="名前" value="値" />

送信ボタン

<input type="submit" value="ボタンのテキスト" />

ラベル

 ラベルをクリックしたときにフォーム部品をフォーカスする
<label for="ID">ラベル</label><br>
<input ... id="ID">
<label>ラベル<br>
  <input ...>
</label>

入力必須にする

入力しないで送信すると警告が表示される
<input ... required>

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す