Supercharge (Empower) Your Knowledge in 2024 MCQ Questions with Answers on Input Types in HTML

What are Input Types and what use of Input Types?

Before looking MCQ Questions with Answers on Input Types in HTML we must know what is Input Types in HTML. Input types are components that are used to Collect Information from Users. Input Types come in different formats, and each input type has its use. Each input type is used to collect different types of data. Using these different input types developer can create an interactive form for collecting information from users.

List of MCQ Questions with Answers on Input Types in HTML

1. Text Input: allows users to enter a single line of text, making it ideal for fields like names, emails, or brief messages.
   <input type=”text” name=”fname”>
2. Password Input: conceals user input, displaying asterisks or dots instead of the characters typed. It ensures secure entry of passwords or sensitive information.
   <input type=”password” name=”pswrd”>
   
3. Checkbox Input: presents a checkbox that users can select or deselect. It’s used when multiple options can be chosen independently.
   <input type=”checkbox” name=”vehicle1″ value=”Bike”>
   <input type=”checkbox” name=”vehicle2″ value=”Car”>
   <input type=”checkbox” id=”vehicle3″ name=”vehicle3″ value=”Boat”>
   
4. Date Input: generates a date picker allowing users to select dates conveniently.
   <input type=”date” name=”dob”>
5. Radio Input: creates a radio button, allowing users to select only one option from a list. All radio buttons sharing the same name attribute work as a group where only one can be selected.
   <input type=”radio” name=”gender” value=”Male”>
   <input type=”radio” name=”gender” value=”Female”>
   
6. Number Input: restricts input to numeric values, often accompanied by min and max attributes, enabling the specification of a range.
   <input type=”number” name=”nmbr”>
7. File Input: <input type=”file”> enables users to upload files from their devices, aiding in collecting documents, images, or other file types.
   <input type=”file” name=”image”>
   
8. Submit Input: creates a submit button within a form, allowing users to send their input to a server.
   <input type=”submit” name=”sbmt”>
9. Email Input: Specifically designed for email addresses, it validates the input to ensure it conforms to the standard email format.
   <input type=”email” name=”eml”>

MCQ Question on Input Types

Which HTML input type creates a text field that allows users to enter a single line of text?

1. <input type=”text”>
2. <input type=”password”>
3. <input type=”email”>
4. <input type=”number”>

Answer: 1. <input type=”text”>

What input type is used for a field that should contain an email address?

1. <input type=”text”>
2. <input type=”email”>
3. <input type=”mail”>
4. <input type=”address”>

Answer: 2. <input type=”email”>

Top 5+ Essential Functions in PHP Every Developer Should Know

Which input type creates a password field that hides the entered characters?

1. <input type=”hidden”>
2. <input type=”secure”>
3. <input type=”password”>
4. <input type=”text” password>

Answer: 3. <input type=”password”>

What input type is used to select a date in HTML?

1. <input type=”date”>
2. <input type=”datetime”>
3. <input type=”calendar”>
4. <input type=”time”>

Answer: 1. <input type=”date”>

Which input type is used to create a drop-down list?

1. <input type=”dropdown”>
2. <input type=”list”>
3. <input type=”menu”>
4. <select>

Answer: 4. <select>

What input type allows users to select multiple options from a list?

1. <input type=”multiple”>
2. <input type=”select-multiple”>
3. <input type=”checkbox”>
4. <select multiple>

Answer: 4. <select multiple>

Which input type creates a radio button for selecting a single option from multiple choices?

1. <input type=”radio”>
2. <input type=”check”>
3. <input type=”select”>
4. <input type=”single”>

Answer: 1. <input type=”radio”>

What input type is used for a file upload field?

1. <input type=”upload”>
2. <input type=”file”>
3. <input type=”document”>
4. <input type=”attach”>

Answer: 2. <input type=”file”>

Which input type is used to create a checkbox?

1. <input type=”check”>
2. <input type=”select”>
3. <input type=”checkbox”>
4. <input type=”choose”>

Answer: 3. <input type=”checkbox”>

What input type is used to enter a numeric value in HTML?

1. <input type=”text” numeric>
2. <input type=”number”>
3. <input type=”numeric”>
4. <input type=”integer”>

Answer: 2. <input type=”number”>

Which input type is used for a range selection (slider)?

1. <input type=”slider”>
2. <input type=”range”>
3. <input type=”scroll”>
4. <input type=”select-range”>

Answer: 2. <input type=”range”>

What input type is used for a field that accepts URLs?

1. <input type=”url”>
2. <input type=”link”>
3. <input type=”web”>
4. <input type=”address” url>

Answer: 1. <input type=”URL”>

Which input type is used for a hidden field in a form?

1. <input type=”hidden”>
2. <input type=”invisible”>
3. <input type=”secret”>
4. <input type=”hide”>

Answer: 1. <input type=”hidden”>

What input type is used for a field that collects phone numbers?

1. <input type=”phone”>
2. <input type=”tel”>
3. <input type=”number” tel>
4. <input type=”call”>

Answer: 2. <input type=”tel”>

Which input type is used to create a color picker?

1. <input type=”colorpicker”>
2. <input type=”picker”>
3. <input type=”color”>
4. <input type=”choosecolor”>

Answer: 3. <input type=”color”>

What input type is used for a field that collects search queries?

1. <input type=”search”>
2. <input type=”query”>
3. <input type=”find”>
4. <input type=”text” search>

Answer: 1. <input type=”search”>

Which input type is used for a field that collects time information?

1. <input type=”time”>
2. <input type=”clock”>
3. <input type=”hour”>
4. <input type=”timing”>

Answer: 1. <input type=”time”>

What input type is used for a field that collects month and year?

1. <input type=”monthyear”>
2. <input type=”date” monthyear>
3. <input type=”month”>
4. <input type=”year”>

Answer: 3. <input type=”month”>

Difference Between Margin and Padding in CSS | 3 Important Differences

Which input type is used for a field that accepts a week selection?

1. <input type=”week”>
2. <input type=”date” week>
3. <input type=”calendar”>
4. <input type=”select-week”>

Answer: 1. <input type=”week”>

What input type creates a field for entering a URL and showing a clickable link?

1. <input type=”link”>
2. <input type=”web”>
3. <input type=”url” clickable>
4. <input type=”url” showlink>

Answer: 3. <input type=”URL” clickable>

FAQ on MCQ Questions with Answers on Input Types in HTML

Follow Us on Telegram

Follow Quiz Lancer Telegram Channel to solve daily interview questions. We share important interview questions which are asked in the interview. Most of the students get good values from this channel and get selected as a developer.

• Instagram
• WhatsApp
• Facebook
• LinkedIn
• Telegram