PT - II Grade X Revision HTML Forms

You open a website and see a section asking for your name, email, and a message with a “Send” button at the bottom.

Based on this scenario:

• What HTML element might have been used to collect and send this information?

• <div>

• <form>

• <section>

• <table>

You are designing a contact form where users must enter their name, email, and phone number.
Each field should allow the user to type their answer in a single line.

Which HTML tag would you use repeatedly for these fields, and how would you customize it to collect different types of information?

• <textarea>

• <input>

• <label>

• <select>

A developer creates a form with radio buttons for selecting gender. However, when the user clicks on the label text, the radio button doesn't get selected. Which of the following is the most likely reason?

• The <label> tag is missing the for attribute that matches the id of the input.

• The radio button is missing the name attribute.

• The input type is set to text instead of radio.

• The <label> tag is placed inside the <form> tag, which is incorrect.

You are designing a form where a user must select their favourite programming languages from a drop-down list. The user should be able to choose more than one option, and 3 options should be visible at once. Also, "Python" should be selected by default.

Which of the following best matches your requirement?

• <select>

  <option>Python</option>

  <option>Java</option>

  <option>C++</option>

  <option>JavaScript</option>

  </select>

• <select size="3" multiple>

  <option selected>Python</option>

  <option>Java</option>

  <option>C++</option>

  <option>JavaScript</option>

  </select>

• <select multiple>

  <option>Python</option>

  <option>Java</option>

  <option>C++</option>

  <option>JavaScript</option>

  </select>

• <select size="3">

  <option selected>Python</option>

  <option>Java</option>

  <option>C++</option>

  <option>JavaScript</option>

  </select>

Which of the following best describes what happens when you increase the rows and cols attributes in a <textarea> element?

• The text area allows more characters to be typed, but only the first line is visible.

• The size of the text area increases visually, showing more lines and a wider typing area.

• The text area becomes a read-only field with more padding.

• The text area starts behaving like a dropdown list with multiple options.

A student creates the following HTML code:

<button>Click Me</button>

After running it, the button appears — but clicking it doesn't perform any action.
What is the most likely reason?

• The <button> tag is incorrectly used — it must be inside a <form>

• The <button> tag is used only in JavaScript, not in HTML

• The <button> creates a clickable button, but it needs an event or form to define its action

• The browser doesn't support the <button> tag

You are designing a user registration form with separate sections for Personal Details and Login Information. Which combination of HTML tags would help visually group these sections with appropriate headings, without using CSS styles or tables?

• Use multiple <form> tags inside one form

• Use <div> for sections and <h2> for headings

• Use <fieldset> to group inputs and <legend> for section titles

• Use <section> with <caption> to label each part

A web developer wants to create a login form where the characters typed in the password field should not be visible as plain text. Which input type should they use?

• <input type="text">

• <input type="hidden">

• <input type="password">

• <input type="secure">

A student creates a form like this:

<form action="process.php" method="post">

Name: <input type="text" name="username"><br>

<input type="submit" value="Submit">

</form>

What will happen when the Submit button is clicked?

• The form data will be saved automatically in a text file on the user's computer.

• The data will be sent to process.php for processing via a POST request.

• The page will refresh, and the form will reset itself.

• The form will open process.php in a new browser tab.

A user starts filling a form and then clicks the Reset button created using <input type="reset">. What will happen?

• The form will be submitted to the server for resetting values.

• Only the last entered value will be cleared.

• All input fields will return to their original default values.

• The browser will reload the form from the server.