Lesson1-6:フォームの作成
1.フォームタグ
- 入力フォームを作成するタグ:<form>
- action属性:フォーム送信先のURLを指定
- method属性:データの送信方法(getまたはpost)
例:
<form action="submit.php" method="post">
<input type="text" name="username">
</form>
2.入力要素
- テキスト入力:<input type="text">
- パスワード入力:<input type="password">
- チェックボックス:<input type="checkbox">
- ラジオボタン:<input type="radio">
- 送信ボタン:<input type="submit">
- リセットボタン:<input type="reset">
- 隠し入力:<input type="hidden">
3.テキストエリアタグ
- 複数行の入力:<textarea>
- rows属性:行数の指定
- cols属性:列幅の指定
4.注意点
- labelタグを適切に使用し、アクセシビリティを向上。
- method="post"を使用すると、送信データがURLに表示されない。
- 入力のバリデーション(検証)を実施し、不正なデータ入力を防止。
- <form>タグの外に配置しないこと。
トップページへ戻る