【HTML】formタグ - フォーム

HTMLのformタグをご紹介します。

formタグ

formタグはデータを送信するフォームをマークアップします。

基本構文

<form action="送信先" method="送信方法">フォーム内容</form>

属性

主な属性をご紹介します。

属性名	必須	内容
action	-	送信先
method	-	送信方法（POSTやGETなど）

サンプルコード

※ サンプルコードのため、フォームは動作しません。

ソースコード

<h1>お問い合わせ</h1>
<form action="https://it-hack.net/null" method="GET">
    <label for="type">種別</label>
    <br>
    <select id="type" name="type">
        <option value="development">新規開発</option>
        <option value="technology">技術</option>
        <option value="defect">不具合</option>
    </select>
    <br>
    <label for="content">内容</label>
    <br>
    <textarea id="content" rows="5" cols="30"></textarea>
    <br>
    <input type="submit" value="送信">
</form>

プレビュー