Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:ウェブフォームを作成する | テーブルとフォーム
/
HTMLの基本

bookチャレンジ:ウェブフォームを作成する

メニューを表示するにはスワイプしてください

課題

ユーザーフィードバックを収集するためのHTMLフォームの作成。ユーザーに名前とコメントの入力を促す内容。今回の演習では、デモンストレーション目的でJavaScriptスクリプトを含む構成。完了後、フィードバックフォームのデータを入力・送信し、その内容がブラウザウィンドウに表示される動作。

index.html

index.html

index.js

index.js

copy

ヒント

  • ステップ1:<form>タグを使用してフォーム構造を作成。
  • ステップ2:<button>属性を持つtype="submit"要素を追加し、フィードバックの送信を可能にする。
index.html

index.html

index.js

index.js

copy
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  4

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  4
some-alt