HTML中級（フォーム）

<input type="text" name="お名前" value="" placeholder="例）山田　太郎">

<input type="email" name="メールアドレス" value="" placeholder="例）example@sample.jp">

<input type="tel" name="電話番号" value="" placeholder="例）03-1234-5678">

<input type="url" name="サイトアドレス" value="" placeholder="例）https://bruceclay.jpn.com/">

<input type="number" name="数字" value="" placeholder="例）1">: 4桁区切り：; カンマ区切り：

<input type="checkbox" name="職業" value="職業1">職業1 <input type="checkbox" name="職業" value="職業2" checked>職業2 <label><input type="checkbox" name="職業" value="職業3">職業3</label>: 職業1 職業2 職業3
checkboxは必ずlabelで囲うこと
複数のチェックボックスのうち、1つ以上のチェックを必須にするにはjQueryの記述が必要。

<input type="radio" name="質問1" value="はい">はい <input type="radio" name="質問1" value="いいえ">いいえ <label><input type="radio" name="質問2" value="そう思う">そう思う</label> <label><input type="radio" name="質問2" value="そう思わない">そう思わない</label>: はいいいえそう思うそう思わない
radioは必ずlabelで囲うこと
必須入力にするには、全てのtype=radioにrequired属性を追加する

<select name="職業"> <option value="" selected>選択してください</option> <option value="職業1">職業1</option> <option value="職業2">職業2</option> <option value="職業3">職業3</option> </select>

<textarea name="メッセージ" placeholder="メッセージを入力してください"></textarea>

<input type="submit" value="送信">