2023年2月
【textareaタグ】複数の文字入力が可能な自由欄を作成しよう！「HTML・解説」- ノブレコ
textareaとは、テキストを入れる入力欄を表示し、入力欄の中に複数の文字を入れることが可能になるタグです。inputタグと同じくフォーム部品を構成するタグの1つです。指定した入力欄の幅と高さに応じて、文字の入力数を変化させることができます。
【datalistタグ】フォームなどで入力欄候補になるデータリストを使おう！「HTML・解説」- ノブレコ
datalistとは、入力候補となるデータリストを作成するためのタグです。input要素と組み合わせて使うことが多く、フォーム内での入力欄候補のデータリストを表示することもできますし、検索キーワードの入力候補を表示したりできます。フォームでコンボボックス（プルダウンメニュー）を作成するときに併用することができます。
【optgroupタグ】option要素をグループ化してみよう！「HTML・解説・初心者向け」- ノブレコ
optgroupとは、select要素の子要素として使用するタグで、メニューの選択肢となるoption要素をグループ化するためのタグです。optgruop要素を使用する際は、そのグループごとに「label属性」を使ってグループ名を付けることが必須です。
【optionタグ】serectタグ内でプルダウンメニューの選択肢を追加！「HTML・解説」- ノブレコ
optionとは、フォームを作成する際のselect要素内で使用し、プルダウンメニューの選択肢を追加するためのタグです。また、selected属性で最初から選択肢を選択することができたり、disabled属性により選択肢を選択できなくすることも可能です。
【selectタグ】フォーム内でセレクトボックスを使ってみよう！「HTML・解説・初心者向け」- ノブレコ
selectとは、formタグを使ったフォーム作成の中で、「セレクトボックス」を作成するためのタグです。初期値でセレクトボックスとしてのメニューを作成可能です。セレクトボックスとは、別名プルダウンメニューとも呼ばれますが、クリック時に複数の選択肢が下に連なり表示されるメニューのことを言います。
【buttonタグ】フォーム内にボタンを作って配置してみよう！「HTML・解説・初心者向け」- ノブレコ
buttonとは、formタグでフォームを作成するとき、そのformタグ内にて、３つの役割を持った「ボタン」を配置することができるタグです。buttonタグで作成したボタンは、ボタンの内容テキストを変更したり、画像を使ってボタン表示したり、そのどちらも組み合わせて表示することができます。
【inputタグ】フォームの中で入力や編集、ボタンなどのフォームコントロールを作成してみよう！- ノブレコ
inputとは、formタグの中で使用する要素で、データの入力欄や編集、ボタンの設置などに使用す「フォームコントロールを作成」するためのタグで、主にformタグの中で使用されます。input要素にtype属性で部品を指定すれば、テキストボックス、チェックボックス、送信ボタン、などを作成することができるようになります。