Skip to content

フォームの属性

知識課題

知識課題1

  • 次の<form>要素の属性について、それぞれの目的と使用シーンを具体的な例を挙げて説明してください。
    • action
    • target
    • method
    • autocomplete
    • novalidate

知識課題2

  • 次の<input>要素の属性について、それぞれの目的と使用シーンを具体的な例を挙げて説明してください。
    • formaction
    • formenctype
    • formmethod
    • formtarget
    • formnovalidate

知識課題3

  • フォーム送信に使用されるGETPOSTについて、それぞれの特長と注意点を整理して説明してください。

実践課題

実践課題1

  • 以下の仕様に従ってフォームを作成し、GETメソッドでhttpbinに送信してください。
    • URL
      • https://httpbin.org/get
    • 入力フィールド
      • 名前 (name)
      • 年齢 (age)
    • フォームを送信後、ブラウザのアドレスバーに表示されるUR に、クエリパラメータ(nameage)が正しく付与されていることを確認してください。

実践課題2

  • 以下の仕様に従ってフォームを作成し、POSTメソッドでhttpbinに送信してください。
    • URL
      • https://httpbin.org/post
    • 入力フィールド
      • メールアドレス (email)
      • パスワード (password)
    • フォーム送信後、httpbin から返されるレスポンスに、送信したデータ(emailpassword)が含まれていることを確認してください。