HTMLで問い合わせフォームを作成する方法を現役エンジニアが解説【初心者向け】

<form>
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="name">
</div>
<div class="item">
<label class="label">住所</label>
<input class="inputs"type="text"name="address">
</div>
<div class="item">
<label class="label">電話番号</label>
<input class="inputs"type="tel"name="tel">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="mail">
</div>
<div class="item">
<p class="label">ご連絡を取りやすい方にチェックを入れてください</p>
<div class="inputs">
<input id="test1"type="radio"name="contact"value="tel"><label for="tel">電話</label>
<input id="test2"type="radio"name="contact"value="mail"><label for="mail">メール</label>
<input id="test3"type="radio"name="contact"value="whichever"><label for="whichever">どちらでも</label>
</div>
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>