HTML：フォーム

フォームって？

Webページでデータを入力するための部品のことです。

文字入力フォーム

名前など、短い文字を入力するには <input type="text"> タグを用います。終了タグは必要ありません。

<input type="text">

数字入力フォーム

数字だけを入力するには type="number" とします。

<input type="number">

パスワードフォーム

<input> タグで type="password" とすると、入力した文字が見えなくなります。

<input type="password">

長い文字の入力フォーム

感想や、長い文章を入力してもらうには、 <textarea> タグを用います。 <input> タグと違って、終了タグを使うようにしてください。

<textarea>ここにかなり長い文章を入れます</textarea>

ラジオボタン（選択ボタン）

<input type="radio">男
<input type="radio">女

ラジオボタンのグループ分け

ラジオボタンは、二つ以上の場合でもふつうに作っただけでは連動しません。たとえば、上のように作った場合、 男 と 女 どちらも選べるようになってしまいます。

そこで、以下のように name属性（属性） をつけてグループ分けします。

性別を選んでください。
<input type="radio" name="seibetsu">男
<input type="radio" name="seibetsu">女
<br>
通っている学校を選んでください。
<input type="radio" name="gakkou">小学校
<input type="radio" name="gakkou">中学校

チェックボックス（複数選択）

<input type="checkbox">Vitaを持っている
<br>
<input type="checkbox">Wiiを持っている
<br>
<input type="checkbox">PS4を持っている

ボタン

送信などに使うボタンは、 <button> タグで作ります。

<button>送信</button>