MCQs Of Class 10: Forms in HTML - Part 1

Rashmi Mishra
34 minute read
0

 

    MCQs Of Class 10: Forms in HTML - Part 1

  1. What is the purpose of the <form> element in HTML?
    • A) To display text
    • B) To create interactive forms for user input
    • C) To insert images
    • D) To define document metadata

Answer: B) To create interactive forms for user input

  1. Which attribute specifies the URL where form data will be sent upon submission?
    • A) method
    • B) action
    • C) enctype
    • D) target

Answer: B) action

  1. Which of the following is the correct syntax for creating a text input field?
    • A) <input type="text" name="username">
    • B) <text name="username">
    • C) <input name="username" type="text">
    • D) <input type="username" text>

Answer: A) <input type="text" name="username">

  1. What is the default method for sending form data?
    • A) GET
    • B) POST
    • C) PUT
    • D) DELETE

Answer: A) GET

  1. How can you make an input field required in an HTML form?
    • A) Add required attribute
    • B) Add mandatory attribute
    • C) Add validate attribute
    • D) Add need attribute

Answer: A) Add required attribute

  1. Which input type is used for passwords?
    • A) text
    • B) password
    • C) hidden
    • D) email

Answer: B) password

  1. What does the <label> element do in a form?
    • A) Provides a description or label for form controls
    • B) Defines the form action URL
    • C) Specifies the form method
    • D) Sets the form's target

Answer: A) Provides a description or label for form controls

  1. Which attribute is used to specify the method for sending form data?
    • A) method
    • B) action
    • C) enctype
    • D) target

Answer: A) method

  1. What is the purpose of the enctype attribute in a form?
    • A) Specifies the form action URL
    • B) Specifies the HTTP method for form submission
    • C) Specifies the encoding type for form data
    • D) Defines the target window for form submission

Answer: C) Specifies the encoding type for form data

  1. Which attribute is used to define the placeholder text in an input field?
    • A) placeholder
    • B) value
    • C) label
    • D) hint

Answer: A) placeholder

  1. How can you include a submit button in a form?
    • A) <input type="button" value="Submit">
    • B) <button type="submit">Submit</button>
    • C) <input type="submit" value="Submit">
    • D) <button type="button">Submit</button>

Answer: C) <input type="submit" value="Submit">

  1. Which tag is used to create a dropdown list in a form?
    • A) <select>
    • B) <dropdown>
    • C) <list>
    • D) <option>

Answer: A) <select>

  1. What is the purpose of the target="_blank" attribute in a form's link?
    • A) Opens the link in the same frame
    • B) Opens the link in a new tab or window
    • C) Opens the link in the parent frame
    • D) Opens the link in a new section

Answer: B) Opens the link in a new tab or window

  1. Which input type is used to select a file from the user's system?
    • A) file
    • B) upload
    • C) document
    • D) image

Answer: A) file

  1. What does the value attribute of an input element specify?
    • A) The default text displayed in the input field
    • B) The type of input field
    • C) The form's action URL
    • D) The method for submitting the form

Answer: A) The default text displayed in the input field

These questions cover the basics of HTML forms and input elements, helping students to reinforce their understanding of form creation and functionality.

4o mini

You said:

more

ChatGPT said:

ChatGPT

Here are some additional MCQs on Class 10: Forms in HTML - Part 1:

  1. Which HTML element is used to group multiple form elements together for styling purposes?
    • A) <fieldset>
    • B) <group>
    • C) <section>
    • D) <div>

Answer: A) <fieldset>

  1. What is the purpose of the name attribute in form elements?
    • A) To specify the URL where form data is sent
    • B) To identify the form element for server-side processing
    • C) To provide a default value for the form element
    • D) To define the method for form submission

Answer: B) To identify the form element for server-side processing

  1. Which of the following attributes is used with the <input> element to specify a text box that spans multiple lines?
    • A) rows
    • B) cols
    • C) size
    • D) type

Answer: A) rows

  1. How do you create a radio button group where only one option can be selected at a time?
    • A) Use the same name attribute for all radio buttons
    • B) Use different name attributes for each radio button
    • C) Use the multiple attribute
    • D) Use the checked attribute

Answer: A) Use the same name attribute for all radio buttons

  1. Which attribute of the <input> element specifies the maximum number of characters that can be entered?
    • A) maxlength
    • B) size
    • C) length
    • D) limit

Answer: A) maxlength

  1. What does the action attribute of the <form> element specify?
    • A) The location to redirect after form submission
    • B) The URL where the form data will be sent
    • C) The method used for form submission
    • D) The encoding type for form data

Answer: B) The URL where the form data will be sent

  1. Which HTML element is used to create a text area input field?
    • A) <textarea>
    • B) <input type="text">
    • C) <textbox>
    • D) <field>

Answer: A) <textarea>

  1. What does the autocomplete attribute of the <form> element control?
    • A) Whether form data is automatically filled in by the browser
    • B) The type of form submission
    • C) The alignment of form elements
    • D) The URL for form submission

Answer: A) Whether form data is automatically filled in by the browser

  1. How do you specify that an input field is of type "email"?
    • A) <input type="text" name="email">
    • B) <input type="email" name="email">
    • C) <input type="address" name="email">
    • D) <input type="emailAddress" name="email">

Answer: B) <input type="email" name="email">

  1. Which attribute of the <input> element is used to define a default value that appears in the input field?
    • A) default
    • B) placeholder
    • C) value
    • D) label

Answer: C) value

  1. Which HTML element allows users to select multiple options from a list?
    • A) <select multiple>
    • B) <input type="checkbox">
    • C) <input type="radio">
    • D) <option multiple>

Answer: A) <select multiple>

  1. Which input type creates a checkbox input field?
    • A) checkbox
    • B) radio
    • C) button
    • D) text

Answer: A) checkbox

  1. What is the purpose of the method attribute in a form?
    • A) To specify the way form data is submitted to the server
    • B) To set the URL for form data submission
    • C) To define the type of input elements
    • D) To determine the form's visual appearance

Answer: A) To specify the way form data is submitted to the server

  1. Which HTML element is used to provide a button that users can click to submit the form?
    • A) <input type="button">
    • B) <button type="submit">
    • C) <input type="submit">
    • D) <button type="click">

Answer: C) <input type="submit">

  1. What does the placeholder attribute do in a text input field?
    • A) Displays a default value in the field
    • B) Shows a hint or example text within the input field
    • C) Limits the number of characters that can be entered
    • D) Sets the size of the input field

Answer: B) Shows a hint or example text within the input field

These questions cover a variety of aspects related to HTML forms, including attributes, element types, and form functionality.

4o mini

You said:

some more

ChatGPT said:

ChatGPT

Here are some additional MCQs for Class 10: Forms in HTML - Part 1:

  1. Which attribute is used with the <input> element to define a maximum number of characters that can be entered?
    • A) maxlength
    • B) maxchars
    • C) size
    • D) limit

Answer: A) maxlength

  1. How do you create a form that sends data using the POST method?
    • A) <form method="post" action="url">
    • B) <form method="get" action="url">
    • C) <form method="submit" action="url">
    • D) <form action="url" method="post">

Answer: A) <form method="post" action="url">

  1. Which attribute of the <input> element specifies that the field should only accept numerical input?
    • A) type="number"
    • B) type="text"
    • C) type="integer"
    • D) type="digits"

Answer: A) type="number"

  1. Which HTML element is used to create a drop-down list?
    • A) <dropdown>
    • B) <select>
    • C) <list>
    • D) <option>

Answer: B) <select>

  1. What is the correct way to create a multi-line text input field?
    • A) <input type="text" rows="5">
    • B) <textarea rows="5"></textarea>
    • C) <input type="textarea" rows="5">
    • D) <textarea></textarea>

Answer: B) <textarea rows="5"></textarea>

  1. Which HTML element allows users to submit a form using a button?
    • A) <input type="submit">
    • B) <button type="submit">
    • C) Both A and B
    • D) <button>Submit</button>

Answer: C) Both A and B

  1. What does the required attribute do in a form element?
    • A) Marks the field as optional
    • B) Specifies that the field must be filled out before form submission
    • C) Sets the default value for the field
    • D) Limits the number of characters allowed

Answer: B) Specifies that the field must be filled out before form submission

  1. How do you create a fieldset to group related form elements?
    • A) <fieldset>
    • B) <group>
    • C) <section>
    • D) <container>

Answer: A) <fieldset>

  1. Which attribute specifies that an input field should be hidden from the user?
    • A) type="hidden"
    • B) type="password"
    • C) type="text"
    • D) type="hiddenfield"

Answer: A) type="hidden"

  1. How do you create a form that sends data to a server and reloads the page?
    • A) <form action="url" method="get">
    • B) <form action="url" method="post">
    • C) <form action="url" method="put">
    • D) <form action="url" method="delete">

Answer: A) <form action="url" method="get">

  1. Which HTML attribute is used to provide additional information about a form field when hovered over?
    • A) tooltip
    • B) info
    • C) title
    • D) description

Answer: C) title

  1. What is the purpose of the action attribute in the <form> element?
    • A) To specify the URL where the form data is sent
    • B) To define the method used for sending form data
    • C) To set the form’s visual style
    • D) To identify the form on the page

Answer: A) To specify the URL where the form data is sent

  1. How can you specify multiple options in a drop-down list?
    • A) Use multiple <select> elements
    • B) Use multiple <option> elements within a single <select> element
    • C) Use multiple <input> elements
    • D) Use a single <option> element with multiple values

Answer: B) Use multiple <option> elements within a single <select> element

  1. Which HTML tag is used to create a button that performs an action when clicked?
    • A) <button>
    • B) <input type="button">
    • C) Both A and B
    • D) <submit>

Answer: C) Both A and B

  1. What attribute is used to specify a URL that will open when a link within a form is clicked?
    • A) href
    • B) src
    • C) action
    • D) url

Answer: A) href

These questions provide a broad coverage of various aspects of HTML forms and should help reinforce students' understanding of form creation and management.

4o mini

You said:

some more

ChatGPT said:

ChatGPT

Certainly! Here are additional MCQs on Class 10: Forms in HTML - Part 1:

  1. Which HTML attribute specifies that an input field must be filled out before submitting the form?
    • A) mandatory
    • B) required
    • C) validate
    • D) necessary

Answer: B) required

  1. Which attribute is used to set the default value of an input field?
    • A) default
    • B) value
    • C) placeholder
    • D) initial

Answer: B) value

  1. What is the default value of the method attribute in the <form> element if not specified?
    • A) post
    • B) get
    • C) put
    • D) delete

Answer: B) get

  1. Which HTML element is used to create a drop-down menu in a form?
    • A) <list>
    • B) <dropdown>
    • C) <select>
    • D) <menu>

Answer: C) <select>

  1. What is the purpose of the name attribute in the <input> element?
    • A) To set the placeholder text
    • B) To identify the input field for form submission
    • C) To specify the type of input
    • D) To set the default value of the field

Answer: B) To identify the input field for form submission

  1. Which attribute of the <input> element specifies that the input field should be a password field?
    • A) type="password"
    • B) type="hidden"
    • C) type="text"
    • D) type="secure"

Answer: A) type="password"

  1. How do you create a form that allows users to upload files?
    • A) <form enctype="multipart/form-data" method="post">
    • B) <form enctype="text/plain" method="post">
    • C) <form enctype="application/x-www-form-urlencoded" method="post">
    • D) <form enctype="multipart/form-data" method="get">

Answer: A) <form enctype="multipart/form-data" method="post">

  1. Which element is used to create a clickable button that performs an action in a form?
    • A) <button>
    • B) <input type="button">
    • C) <input type="submit">
    • D) Both A and B

Answer: D) Both A and B

  1. How do you specify that an <input> field should only accept a specific set of characters?
    • A) pattern attribute
    • B) type attribute
    • C) maxlength attribute
    • D) validate attribute

Answer: A) pattern attribute

  1. What does the action attribute of the <form> element define?
    • A) The method for form submission
    • B) The URL where the form data is sent
    • C) The type of form data encoding
    • D) The form's visual style

Answer: B) The URL where the form data is sent

  1. Which HTML element is used to include a field for a user to select a date?
    • A) <input type="date">
    • B) <calendar>
    • C) <datepicker>
    • D) <input type="datetime">

Answer: A) <input type="date">

  1. Which attribute specifies the way the browser should handle form data when the form is submitted?
    • A) method
    • B) action
    • C) encoding
    • D) type

Answer: A) method

  1. What is the role of the placeholder attribute in an <input> element?
    • A) To define a default value for the input field
    • B) To provide a short hint or description inside the input field
    • C) To set the maximum number of characters
    • D) To specify the field's width

Answer: B) To provide a short hint or description inside the input field

  1. Which attribute is used to specify that a <select> element should allow multiple selections?
    • A) multiple
    • B) select
    • C) choice
    • D) option

Answer: A) multiple

  1. What is the purpose of the <label> element in a form?
    • A) To provide a caption or description for an input field
    • B) To define the method of form submission
    • C) To create a group of form elements
    • D) To set the width of the input field

Answer: A) To provide a caption or description for an input field

These questions cover various aspects of HTML forms and their attributes, providing a comprehensive review of the key concepts.

4o mini

You said:

some more

ChatGPT said:

ChatGPT

Here are additional MCQs for Class 10: Forms in HTML - Part 1:

  1. Which HTML element is used to create a form control that allows users to select a single item from a list?
    • A) <input>
    • B) <textarea>
    • C) <select>
    • D) <option>

Answer: C) <select>

  1. How do you create a checkbox input field in HTML?
    • A) <input type="checkbox">
    • B) <input type="check">
    • C) <checkbox>
    • D) <input type="box">

Answer: A) <input type="checkbox">

  1. What attribute is used to provide a default option for a drop-down menu?
    • A) default
    • B) selected
    • C) value
    • D) option

Answer: B) selected

  1. Which attribute in the <input> element specifies the type of input field?
    • A) formtype
    • B) inputtype
    • C) type
    • D) fieldtype

Answer: C) type

  1. How can you create a text area with a specified number of rows and columns?
    • A) <textarea rows="4" cols="50"></textarea>
    • B) <textarea size="4,50"></textarea>
    • C) <input type="text" rows="4" columns="50">
    • D) <textarea height="4" width="50"></textarea>

Answer: A) <textarea rows="4" cols="50"></textarea>

  1. Which attribute specifies a URL for a form to submit data to when using a file upload input?
    • A) url
    • B) action
    • C) destination
    • D) submitto

Answer: B) action

  1. What is the function of the accept attribute in an <input> element with type="file"?
    • A) To specify which file types are allowed to be uploaded
    • B) To define the size of the file
    • C) To set a default file to be uploaded
    • D) To define the location where the file will be saved

Answer: A) To specify which file types are allowed to be uploaded

  1. Which HTML element allows users to select multiple options from a list?
    • A) <input type="select">
    • B) <select multiple>
    • C) <option multiple>
    • D) <checkbox>

Answer: B) <select multiple>

  1. What does the name attribute in a form control represent?
    • A) The value of the form control
    • B) The label of the form control
    • C) The identifier used to reference form control data on the server
    • D) The type of form control

Answer: C) The identifier used to reference form control data on the server

  1. How can you include a submit button in an HTML form?
    • A) <input type="submit">
    • B) <button type="submit">
    • C) <submit>
    • D) Both A and B

Answer: D) Both A and B

  1. Which HTML tag creates a hidden input field that is not visible to the user?
    • A) <input type="hidden">
    • B) <input type="invisible">
    • C) <input type="secret">
    • D) <hidden>

Answer: A) <input type="hidden">

  1. Which attribute of the <textarea> element specifies the number of visible text lines?
    • A) height
    • B) rows
    • C) size
    • D) columns

Answer: B) rows

  1. How do you ensure that a form field must be filled out before form submission?
    • A) Use the mandatory attribute
    • B) Use the required attribute
    • C) Use the validate attribute
    • D) Use the empty attribute

Answer: B) Use the required attribute

  1. Which HTML attribute specifies the action to be performed when a form is submitted?
    • A) action
    • B) method
    • C) target
    • D) enctype

Answer: A) action

  1. What does the method attribute in the <form> element define?
    • A) The URL where the form data will be sent
    • B) The form's encoding type
    • C) The way the form data will be sent (GET or POST)
    • D) The visual style of the form

Answer: C) The way the form data will be sent (GET or POST)

  1. Which attribute is used to provide additional information when a user hovers over a form control?
    • A) info
    • B) tooltip
    • C) title
    • D) description

Answer: C) title

  1. What is the purpose of the action attribute in the <form> element?
    • A) To specify the URL where the form data will be sent
    • B) To specify the form's method
    • C) To define the form's encoding type
    • D) To create the form's visual style

Answer: A) To specify the URL where the form data will be sent

  1. Which attribute allows you to set a pre-defined value in a form field?
    • A) value
    • B) placeholder
    • C) default
    • D) init

Answer: A) value

  1. How can you create a radio button group in HTML?
    • A) Use multiple <input type="radio"> elements with the same name attribute
    • B) Use multiple <input type="checkbox"> elements with the same name attribute
    • C) Use a single <input type="radio"> element
    • D) Use a <select> element

Answer: A) Use multiple <input type="radio"> elements with the same name attribute

  1. What does the multiple attribute in a <select> element do?
    • A) Allows the selection of multiple options
    • B) Sets a default option
    • C) Provides additional options
    • D) Limits the number of options

Answer: A) Allows the selection of multiple options

These additional questions will further reinforce students' understanding of HTML forms and their various attributes.

4o mini

You said:

some more

ChatGPT said:

ChatGPT

Certainly! Here are some more MCQs for Class 10: Forms in HTML - Part 1:

  1. Which attribute is used to specify that a form field is read-only?
    • A) readonly
    • B) disabled
    • C) locked
    • D) editable

Answer: A) readonly

  1. What is the purpose of the <fieldset> element in a form?
    • A) To group related elements within a form
    • B) To specify the form's encoding type
    • C) To create a clickable button
    • D) To define a section of the form for submission

Answer: A) To group related elements within a form

  1. Which element is used to provide a description for a form control, typically associated with a <label> element?
    • A) <help>
    • B) <description>
    • C) <legend>
    • D) <info>

Answer: C) <legend>

  1. How do you specify the maximum length of input text in an <input> element?
    • A) maxlength attribute
    • B) size attribute
    • C) length attribute
    • D) limit attribute

Answer: A) maxlength attribute

  1. Which HTML element is used to create a multi-line text input field?
    • A) <input type="text">
    • B) <textarea>
    • C) <input type="textarea">
    • D) <field>

Answer: B) <textarea>

  1. What does the enctype attribute in the <form> element specify?
    • A) The form's method of submission
    • B) The form's action URL
    • C) The encoding type for form data
    • D) The visual style of the form

Answer: C) The encoding type for form data

  1. Which input type would you use for a form field that should accept a color?
    • A) <input type="color">
    • B) <input type="palette">
    • C) <input type="hex">
    • D) <input type="text">

Answer: A) <input type="color">

  1. How can you ensure that an input field only accepts numeric values?
    • A) Use type="number"
    • B) Use type="text" with a pattern
    • C) Use type="integer"
    • D) Use type="digits"

Answer: A) Use type="number"

  1. Which attribute in a <button> element specifies that the button is used to submit a form?
    • A) type="submit"
    • B) type="action"
    • C) type="button"
    • D) type="form"

Answer: A) type="submit"

  1. What is the default value of the method attribute in the <form> element if it is not specified?
    • A) POST
    • B) GET
    • C) PUT
    • D) DELETE

Answer: B) GET

  1. Which attribute of the <input> element specifies the placeholder text displayed when the field is empty?
    • A) hint
    • B) placeholder
    • C) caption
    • D) default

Answer: B) placeholder

  1. How can you create a form control that allows users to input multiple email addresses?
    • A) <input type="email" multiple>
    • B) <input type="text" multiple>
    • C) <textarea>
    • D) <input type="list">

Answer: A) <input type="email" multiple>

  1. Which HTML element is used to create a group of related checkboxes?
    • A) <group>
    • B) <fieldset>
    • C) <checkbox-group>
    • D) <options>

Answer: B) <fieldset>

  1. What does the autocomplete attribute in a form control do?
    • A) Enables or disables the browser's autocomplete feature for the field
    • B) Automatically completes the form field's value
    • C) Sets a default value for the field
    • D) Specifies the number of characters allowed

Answer: A) Enables or disables the browser's autocomplete feature for the field

  1. How do you create a form that sends data using the POST method?
    • A) <form method="post">
    • B) <form method="send">
    • C) <form action="post">
    • D) <form type="post">

Answer: A) <form method="post">

  1. Which attribute is used to make a form control not interactable by the user?
    • A) disabled
    • B) readonly
    • C) inactive
    • D) uneditable

Answer: A) disabled

  1. What is the purpose of the target attribute in the <form> element?
    • A) To specify where to open the response after form submission
    • B) To define the form's action URL
    • C) To set the form's method
    • D) To specify the form's encoding type

Answer: A) To specify where to open the response after form submission

  1. Which HTML element is used to create a clickable button in a form that does not submit the form?
    • A) <button type="button">
    • B) <input type="button">
    • C) <input type="submit">
    • D) Both A and B

Answer: D) Both A and B

  1. How can you specify that a form should be submitted when the user presses the Enter key?
    • A) By using a submit button with type="submit"
    • B) By adding an onsubmit event to the form
    • C) By setting the form's action attribute to the submit URL
    • D) By including a submit input element

Answer: A) By using a submit button with type="submit"

  1. Which input type would you use to create a slider control in a form? - A) <input type="range"> - B) <input type="slider"> - C) <input type="scale"> - D) <input type="control">

graphql

Copy code

**Answer:** A) `<input type="range">`

These additional questions should help further solidify understanding of HTML forms and their attributes.

4o mini

You said:

Write lecture notes on Class 11: Forms in HTML - Part 2 Objective: Learn about advanced form elements and form buttons. Outcome: Students will be able to create dropdown lists, checkboxes, radio buttons, and file upload fields, as well as form buttons.

ChatGPT said:

ChatGPT

Tags

Post a Comment

0Comments

Post a Comment (0)