フォームの属性
知識課題
知識課題1
- 次の
<form>要素の属性について、それぞれの目的と使用シーンを具体的な例を挙げて説明してください。actiontargetmethodautocompletenovalidate
知識課題2
- 次の
<input>要素の属性について、それぞれの目的と使用シーンを具体的な例を挙げて説明してください。formactionformenctypeformmethodformtargetformnovalidate
知識課題3
- フォーム送信に使用される
GETとPOSTについて、それぞれの特長と注意点を整理して説明してください。
実践課題
実践課題1
- 以下の仕様に従ってフォームを作成し、
GETメソッドでhttpbinに送信してください。- URL
https://httpbin.org/get
- 入力フィールド
- 名前 (
name) - 年齢 (
age)
- 名前 (
- フォームを送信後、ブラウザのアドレスバーに表示されるUR に、クエリパラメータ(
nameとage)が正しく付与されていることを確認してください。
- URL
実践課題2
- 以下の仕様に従ってフォームを作成し、
POSTメソッドでhttpbinに送信してください。- URL
https://httpbin.org/post
- 入力フィールド
- メールアドレス (
email) - パスワード (
password)
- メールアドレス (
- フォーム送信後、
httpbinから返されるレスポンスに、送信したデータ(emailとpassword)が含まれていることを確認してください。
- URL