フォーム要素

Javascriptのフォーム要素についてまとめました。

フォーム要素とは

ユーザーの入力を取得するためのHTML要素のことです。
主にユーザー名やパスワード、住所といったユーザー情報をサーバーとやり取りするために利用します。
フォーム要素として使われるものには下記のようなものがあります。

要素名内容
inputtype属性に設定する値を変更することで、入力形式をカスタマイズできます。
textarea長文記述用の入力フォームです。
selectリストボックスのような、あらかじめ決められた値を選択するためのフォームです。

さっそくサンプルを見てみましょう。

サンプル

submitによるデータ送信はサーバーを構築しないとできないため、ここでは割愛します。
また、inputのパターンは膨大にあるため、他のサンプルは下記を参考にして下さい。

参考

MDN