[HTML]HTMLフォーム作成

こちらのサイトを参考に、写経しました。

<!DOCTYPE html>
<html lang = "ja">
    <head>
        <meta charset = "utf-8">
        <title>フォームの作成</title>
    </head>
    <body>
        <form action = "" method = "POST">
            <p>名前:<input type = "text" name = "name"></p>
            <p>メッセージ:</p>
            <textarea name = "message" rows = "5" cols = "40"></textarea>
            <p>性別:
            男性<input type = "radio" name = "gender" value = "man">
            女性<input type = "radio" name = "gender" value = "woman">
            </p>
            <p>今日の晩ごはん:
            <select name = "dinner">
                <option value = "riceball">おにぎり</option>
                <option value = "udon">うどん</option>
                <option value = "ramen">ラーメン</option>
                <option value = "soba">そば</option>
            </select>
            </p>
            <input type = "submit" value = "送信">
        </form>
    </body>
</html>

実行結果は、以下をご参照下さい。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする