【HTML】formタグ - フォーム

HTMLのformタグについて解説します。

検証環境

HTML

macOS

14.1

formタグ

formタグは“データの送信フォーム”を意味するタグです。

form要素内の送信ボタン（input要素のtype="submit"など）をクリックした際にサーバーへデータを送信します。

送信データはform要素内のinput要素やtextarea要素、select要素などの入力項目の内容です。

基本構文

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

属性

主な属性は次の通りです。

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

サンプル

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

sample.html

<h1>お問い合わせ</h1>
___ih_hl_start
<form action="https://it-hack.net/null" method="GET">
___ih_hl_end
    <label for="kinds">種別</label>
    <br>
    <select id="kinds" name="kinds">
        <option value="technology">技術</option>
        <option value="interview">取材</option>
        <option value="other">その他</option>
    </select>
    <br>
    <label for="content">内容</label>
    <br>
    <textarea id="content" rows="5" cols="30"></textarea>
    <br>
    <input type="submit" value="送信">
___ih_hl_start
</form>
___ih_hl_end

プレビュー