Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Build a Web Form | Tables and Forms
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Essentials

bookChallenge: Build a Web Form

Task

Create an HTML form to gather user feedback. Prompt users to input their names and comments. In this exercise, we'll include the JavaScript script for demonstration purposes only. Upon completion, you should be able to input and submit feedback form data, which will then be displayed in the browser window.

index.html

index.html

index.js

index.js

copy

Hint

  • Step 1: Create the form structure using the <form> tag.
  • Step 2: Add a <button> element with type="submit" to allow feedback submission.
index.html

index.html

index.js

index.js

copy
Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 4

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you show me an example of the HTML form structure for this task?

How do I display the submitted feedback on the browser window?

What should the JavaScript code look like to handle the form submission?

bookChallenge: Build a Web Form

Swipe to show menu

Task

Create an HTML form to gather user feedback. Prompt users to input their names and comments. In this exercise, we'll include the JavaScript script for demonstration purposes only. Upon completion, you should be able to input and submit feedback form data, which will then be displayed in the browser window.

index.html

index.html

index.js

index.js

copy

Hint

  • Step 1: Create the form structure using the <form> tag.
  • Step 2: Add a <button> element with type="submit" to allow feedback submission.
index.html

index.html

index.js

index.js

copy
Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 4
some-alt