だよねがエンジニアになるんだよね

プログラミング初心者の学びブログ

フォームを作成しよう(6-17)

フォームを作成するときは

紙でいいので、レイアウトをメモして入れ子構造を最初に整理しておこう

 

HTMLのフォーム

フォームとは「お問い合わせ」「会員登録」など、ユーザが何かしらの入力と処理を行うために使用されるもの

 

<form action="create.php" method="post">

//formタグ:フォームを作成する

//action:送信ボタンを押した後に移動するページ

//method:データの送信方法。GETかPOSTを指定。登録系の時はPOSTを指定

 

    <label for="name">会社名</label>

//labelタグ:フォームのラベル作成する

//for:パーツのid属性と同じ値にすることで、パーツとラベルを関連付けられる

    <input type="text" name="name" id="name">

//input type="text":1行のテキストエリアを設置する

//name:パーツの名前。PHPにデータ送信する際の項目名になる

 

    <button type="submit">登録する</button>

//submit:データを送信

 

</form>

 

 

ラジオボタン

ラジオボタンにすることで複数から一つ選ばせることができる

nameの名前を同じにすることでグループ化できる

 

<form action="create.php" method="post">

    <div>

        <input type="radio" name="sex" id="male" value="male">

//inputのidとlabelのforの値を同じにすることで項目とボタンを連動

//ラジオボタンvalue属性値は、そのラジオボタンを選択した時だけ送信する値

        <label for="male">男性</label>

    </div>

    <div>

        <input type="radio" name="sex" id="female" value="female">

        <label for="female">女性</label>

    </div>

    <button type="submit">登録する</button>

</form>