＜勉強ログ＞CreatorQuest　フォーム関連の要素

2020年5月4日 19:17

こんばんは、ひかりうみです★

別でUP予定ですが、CreatorQuestでラスボス（最終課題）と戦っています。

そしたら、まだちょっとしか勉強したことがなかった入力フォームでつまづきました！！

なので、今回のnoteでまとめます。

○ひかりうみ　note○

フォームの要素

①<form>で問合せフォームなどを作成する。action属性で入力内容の送信先を指定、method属性で送信方法を指定。

　送信方法は、get = 検索キーワードを入力するフォーム、post = 個人情報などを送信する入力フォーム

　<form action="送信先（パスで指定）" method="get/post"> </form>

　②<input>で入力の方式を指定する。

　<input type="種類" name="名前" value="初期値 / 送信されるデータ / ボタンのラベル">

　typeには以下のものが指定できる。

　→"name"は送信したデータ・値を取り出す際に必要にで、自分で指定する。半角英数。

　→"value"はtype属性によって入れるものが変わる。

● text : 初期値を指定

● radio,checkbox : 送信されるデータ名を指定

● submit,reset : ボタン上に表示される文字を指定

　③複数行の場合は<textarea>を利用する

　④プルダウン選択メニューは<select>要素を使用し、選択肢は<option>要素。option の後にはvalueで送信される名前を記載。

　⑤フォーム内の各項目名を<label for="名前（半角英数"></label>で囲って、各項目にもid="名前"を追加すると、項目名をクリックすると入力欄を選択できるようになる。

問題をやってみましたが、パターンが多すぎて混乱中です。

多分、なかなか覚えられないと思うのですが、どこかに紙で貼っておいたほうが良いのかな。

実際はどうされているのでしょうか。

フォームを作りまくることで、定着させていくしかとりあえずないと思うので、また明日、復習したいと思います。

余談ですが、緊急事態宣言が延長され、小学校からも大量の宿題がきたので、会社に行けるか微妙になってきました。（小学校の休校延長についてはまだ決まっていません。）

４月中は半分以上在宅していたので、そのまま更に増やしたいというのが正直なところ。

「宿題をみてあげたい」と思う気持ちと、「イライラするからやりたくない」という気持ち、半分半分のひかりうみです。