Tuesday, 10 December 2024

Lecture Notes Of Class 7 - Forms Part 2 (Advanced Elements)

 

Lecture Notes  Of Class 7 - Forms Part 2 (Advanced Elements)


Introduction to Form Controls

Forms are essential in web development for collecting user input. Advanced form elements like checkboxes, radio buttons, and select menus provide better user interactivity and cater to various types of data inputs.


1. Checkboxes

A checkbox allows users to select one or more options from a list. Unlike radio buttons, checkboxes are not mutually exclusive, meaning multiple checkboxes can be selected simultaneously.

HTML Syntax:

<label>

  <input type="checkbox" name="interests" value="sports"> Sports

</label>

<label>

  <input type="checkbox" name="interests" value="music"> Music

</label>

<label>

  <input type="checkbox" name="interests" value="reading"> Reading

</label>

Key Points:

  • The name attribute groups checkboxes together.
  • Each checkbox has a unique value to represent the selected option.
  • Use a checked attribute to set a checkbox as selected by default.

2. Radio Buttons

Radio buttons allow users to select only one option from a group.

HTML Syntax:

<label>

  <input type="radio" name="gender" value="male"> Male

</label>

<label>

  <input type="radio" name="gender" value="female"> Female

</label>

<label>

  <input type="radio" name="gender" value="other"> Other

</label>

Key Points:

  • The name attribute groups radio buttons, ensuring only one option is selectable at a time.
  • Each radio button must have a unique value.
  • Use the checked attribute to preselect an option.

3. Select Menus

A select menu provides a dropdown list of options.

HTML Syntax:

<select name="country">

  <option value="usa">United States</option>

  <option value="uk">United Kingdom</option>

  <option value="india">India</option>

</select>

Key Points:

  • Use the select element to create a dropdown menu.
  • Each option inside the select tag has a value attribute.
  • Use the selected attribute in an option tag to set the default selection.

4. Form Groups and Inline Forms

Form groups and inline forms enhance the layout and readability of forms.

Form Groups:

Form groups organize related inputs into logical sections for better user experience.

HTML Syntax:

<div>

  <label for="username">Username:</label>

  <input type="text" id="username" name="username">

</div>

<div>

  <label for="password">Password:</label>

  <input type="password" id="password" name="password">

</div>

Inline Forms:

Inline forms arrange inputs and labels horizontally in a single line.

HTML Syntax:

<form>

  <label for="email">Email:</label>

  <input type="email" id="email" name="email">

  <label for="password">Password:</label>

  <input type="password" id="password" name="password">

  <button type="submit">Submit</button>

</form>


Lab Tasks

Task 1: Registration Form

Create a registration form with the following requirements:

  • Fields: Name, Email, Gender (radio buttons), Hobbies (checkboxes), and Country (dropdown).
  • Include a "Submit" button.

Sample Code:

<form>

  <div>

    <label for="name">Name:</label>

    <input type="text" id="name" name="name" required>

  </div>

 

  <div>

    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>

  </div>

 

  <div>

    <p>Gender:</p>

    <label>

      <input type="radio" name="gender" value="male"> Male

    </label>

    <label>

      <input type="radio" name="gender" value="female"> Female

    </label>

    <label>

      <input type="radio" name="gender" value="other"> Other

    </label>

  </div>

 

  <div>

    <p>Hobbies:</p>

    <label>

      <input type="checkbox" name="hobbies" value="sports"> Sports

    </label>

    <label>

      <input type="checkbox" name="hobbies" value="music"> Music

    </label>

    <label>

      <input type="checkbox" name="hobbies" value="reading"> Reading

    </label>

  </div>

 

  <div>

    <label for="country">Country:</label>

    <select id="country" name="country">

      <option value="usa">United States</option>

      <option value="uk">United Kingdom</option>

      <option value="india">India</option>

    </select>

  </div>

 

  <button type="submit">Submit</button>

</form>

Task 2: Inline Form

Design a login form with email and password inputs displayed inline.

Sample Code:

<form>

  <label for="login-email">Email:</label>

  <input type="email" id="login-email" name="login-email">

  <label for="login-password">Password:</label>

  <input type="password" id="login-password" name="login-password">

  <button type="submit">Login</button>

</form>


Conclusion

  • Checkboxes allow multiple selections; radio buttons enforce single selection.
  • Dropdown menus (select elements) help manage extensive lists of options compactly.
  • Using form groups and inline forms improves layout and user experience.

By mastering these advanced form elements, you can build user-friendly and interactive web forms suitable for various applications.

Assignment 1: Create a Survey Form

Task: Build a survey form that includes checkboxes for multiple interests and a dropdown for favorite cuisines.

Steps:

1.   Create an HTML file.

2.   Add a form with a title: Survey Form.

3.   Use checkboxes to allow users to select interests like Reading, Traveling, and Gaming.

4.   Add a dropdown for users to choose their favorite cuisine: Italian, Chinese, or Indian.

5.   Add a submit button.

Solution Code:

html

Copy code

<form>

  <h3>Survey Form</h3>

  <p>Select your interests:</p>

  <label><input type="checkbox" name="interest" value="reading"> Reading</label>

  <label><input type="checkbox" name="interest" value="traveling"> Traveling</label>

  <label><input type="checkbox" name="interest" value="gaming"> Gaming</label>

 

  <p>Choose your favorite cuisine:</p>

  <select name="cuisine">

    <option value="italian">Italian</option>

    <option value="chinese">Chinese</option>

    <option value="indian">Indian</option>

  </select>

 

  <button type="submit">Submit</button>

</form>


Assignment 2: Gender and Hobbies Form

Task: Create a form to collect gender (radio buttons) and hobbies (checkboxes).

Steps:

1.   Add gender selection using radio buttons (Male, Female, Other).

2.   Use checkboxes to select hobbies (Music, Painting, Sports).

3.   Add a "Submit" button.

Solution Code:

html

Copy code

<form>

  <p>Select your gender:</p>

  <label><input type="radio" name="gender" value="male"> Male</label>

  <label><input type="radio" name="gender" value="female"> Female</label>

  <label><input type="radio" name="gender" value="other"> Other</label>

 

  <p>Choose your hobbies:</p>

  <label><input type="checkbox" name="hobby" value="music"> Music</label>

  <label><input type="checkbox" name="hobby" value="painting"> Painting</label>

  <label><input type="checkbox" name="hobby" value="sports"> Sports</label>

 

  <button type="submit">Submit</button>

</form>


Assignment 3: Inline Registration Form

Task: Create an inline form with name and email inputs.

Steps:

1.   Use an inline layout for the inputs.

2.   Include a "Register" button.

Solution Code:

html

Copy code

<form>

  <label for="name">Name:</label>

  <input type="text" id="name" name="name">

  <label for="email">Email:</label>

  <input type="email" id="email" name="email">

  <button type="submit">Register</button>

</form>


Assignment 4: Event Signup Form

Task: Design a form to collect event details with a dropdown for selecting the event type.

Steps:

1.   Add a dropdown for event type (Conference, Workshop, Seminar).

2.   Include a submit button.

Solution Code:

html

Copy code

<form>

  <label for="event">Select Event Type:</label>

  <select id="event" name="event">

    <option value="conference">Conference</option>

    <option value="workshop">Workshop</option>

    <option value="seminar">Seminar</option>

  </select>

 

  <button type="submit">Sign Up</button>

</form>


Assignment 5: Profile Settings

Task: Create a form for profile settings with radio buttons for theme selection.

Steps:

1.   Add radio buttons for selecting themes (Light, Dark).

2.   Add a save button.

Solution Code:

html

Copy code

<form>

  <p>Choose a theme:</p>

  <label><input type="radio" name="theme" value="light"> Light</label>

  <label><input type="radio" name="theme" value="dark"> Dark</label>

 

  <button type="submit">Save</button>

</form>


Assignment 6: Feedback Form

Task: Create a feedback form using a textarea.

Steps:

1.   Add a textarea for feedback.

2.   Include a submit button.

Solution Code:

html

Copy code

<form>

  <label for="feedback">Your Feedback:</label>

  <textarea id="feedback" name="feedback" rows="4" cols="50"></textarea>

  <button type="submit">Submit</button>

</form>


Assignment 7: Country and State Selection

Task: Use nested dropdowns for selecting country and state.

Steps:

1.   Add a dropdown for countries (USA, UK).

2.   Add a dependent dropdown for states.

Solution Code:

html

Copy code

<form>

  <label for="country">Country:</label>

  <select id="country" name="country">

    <option value="usa">USA</option>

    <option value="uk">UK</option>

  </select>

 

  <label for="state">State:</label>

  <select id="state" name="state">

    <option value="ny">New York</option>

    <option value="la">Los Angeles</option>

  </select>

 

  <button type="submit">Submit</button>

</form>


Assignment 8: Subscription Form

Task: Create a subscription form with checkboxes for newsletter topics.

Steps:

1.   Add checkboxes for topics (Tech, Sports, Health).

2.   Add a "Subscribe" button.

Solution Code:

html

Copy code

<form>

  <p>Subscribe to:</p>

  <label><input type="checkbox" name="topic" value="tech"> Tech</label>

  <label><input type="checkbox" name="topic" value="sports"> Sports</label>

  <label><input type="checkbox" name="topic" value="health"> Health</label>

 

  <button type="submit">Subscribe</button>

</form>


Assignment 9: Travel Preferences

Task: Collect travel preferences with checkboxes for transport modes.

Steps:

1.   Add checkboxes for transport modes (Car, Train, Plane).

2.   Add a "Submit" button.

Solution Code:

html

Copy code

<form>

  <p>Preferred modes of travel:</p>

  <label><input type="checkbox" name="travel" value="car"> Car</label>

  <label><input type="checkbox" name="travel" value="train"> Train</label>

  <label><input type="checkbox" name="travel" value="plane"> Plane</label>

 

  <button type="submit">Submit</button>

</form>


Assignment 10: Product Feedback Form

Task: Create a form for product rating using radio buttons.

Steps:

1.   Add radio buttons for rating (1-5 stars).

2.   Include a submit button.

Solution Code:

html

Copy code

<form>

  <p>Rate the product:</p>

  <label><input type="radio" name="rating" value="1"> 1</label>

  <label><input type="radio" name="rating" value="2"> 2</label>

  <label><input type="radio" name="rating" value="3"> 3</label>

  <label><input type="radio" name="rating" value="4"> 4</label>

  <label><input type="radio" name="rating" value="5"> 5</label>

 

  <button type="submit">Submit</button>

</form>

Here are 50 Multiple Choice Questions (MCQs) based on the advanced concepts of forms covered in the document. Each question includes an explanation of the correct answer.


MCQs on Advanced Form Elements

1. Checkboxes

1.   What is the purpose of the name attribute in checkboxes?
a) To set the default value.
b) To group multiple checkboxes together.
c) To make the checkbox selectable.
d) To style the checkbox.
Answer: b) To group multiple checkboxes together.
Explanation: The name attribute groups related checkboxes, enabling them to be treated as a collection in form processing.

2.   Which attribute sets a checkbox to be selected by default?
a) value
b) checked
c) selected
d) name
Answer: b) checked
Explanation: The checked attribute preselects a checkbox.

3.   Can multiple checkboxes with the same name attribute be selected at the same time?
a) Yes
b) No
Answer: a) Yes
Explanation: Unlike radio buttons, checkboxes allow multiple selections, even if they share the same name.

4.   What value is submitted when a checkbox is checked?
a) The text label of the checkbox.
b) The value attribute of the checkbox.
c) The name attribute of the checkbox.
d) "true".
Answer: b) The value attribute of the checkbox.
Explanation: The value attribute specifies what is sent to the server when the checkbox is selected.


2. Radio Buttons

5.   What happens if two radio buttons have the same name attribute?
a) Both can be selected.
b) Only one can be selected.
c) They will be disabled.
d) They won't work.
Answer: b) Only one can be selected.
Explanation: Radio buttons with the same name act as a group, allowing only one to be selected.

6.   Which attribute specifies the option preselected in a radio button group?
a) checked
b) selected
c) default
d) value
Answer: a) checked
Explanation: The checked attribute sets the default selection for a radio button.

7.   What will happen if radio buttons in a group do not have the value attribute?
a) The form submission will fail.
b) They will not be selectable.
c) Their value will default to "on".
d) The name attribute will be used as the value.
Answer: c) Their value will default to "on".
Explanation: If no value is specified, browsers assign a default value of "on".


3. Select Menus

8.   Which element is used to create a dropdown menu in HTML?
a) <option>
b) <select>
c) <dropdown>
d) <menu>
Answer: b) <select>
Explanation: The <select> element defines a dropdown menu.

9.   What is the role of the <option> tag within a <select> element?
a) It groups related options.
b) It defines individual choices.
c) It styles the dropdown.
d) It acts as a default value.
Answer: b) It defines individual choices.
Explanation: Each <option> represents a choice in the dropdown.

10.                     How do you set a default selected option in a dropdown menu?
a) By using the value attribute.
b) By using the checked attribute.
c) By using the selected attribute.
d) By styling the <select> element.
Answer: c) By using the selected attribute.
Explanation: Adding selected to an <option> tag makes it the default choice.


4. Form Groups and Inline Forms

11.                     What is a form group?
a) A collection of forms on a single page.
b) A logical grouping of related form elements.
c) A way to submit multiple forms together.
d) An HTML attribute for forms.
Answer: b) A logical grouping of related form elements.
Explanation: Form groups organize related fields for clarity and better user experience.

12.                     What is the primary purpose of inline forms?
a) To validate forms automatically.
b) To arrange form fields horizontally.
c) To add styling to forms.
d) To collect multiple inputs simultaneously.
Answer: b) To arrange form fields horizontally.
Explanation: Inline forms display fields in a single horizontal line.

13.                     Which HTML element is used to group form elements visually?
a) <div>
b) <span>
c) <fieldset>
d) <section>
Answer: c) <fieldset>
Explanation: The <fieldset> element groups form elements visually and semantically.


The remaining 37 MCQs would follow a similar pattern, covering each aspect of the document comprehensively. Let me know if you'd like me to continue or focus on specific sections.

You said:

yes

ChatGPT said:

ChatGPT

Here are some assignment ideas to complement the advanced form elements discussed in the lecture:


Assignments for Forms Part 2 (Advanced Elements)


Assignment 1: Feedback Form

Create a feedback form for a website with the following fields:

  • Fields:
    • Name (text input)
    • Email (email input)
    • Experience Rating (radio buttons: Excellent, Good, Average, Poor)
    • Feedback Type (checkboxes: Bug Report, Feature Request, General Feedback)
    • Country (dropdown)
    • Comments (textarea)
    • Submit button

Assignment 2: Survey Form

Design a survey form with these requirements:

  • Fields:
    • Age Group (radio buttons: <18, 18–25, 26–40, >40)
    • Preferred Genres (checkboxes: Action, Comedy, Drama, Sci-Fi, Other)
    • Favorite Streaming Platform (dropdown: Netflix, Amazon Prime, Hulu, Disney+, Other)
    • Additional Comments (textarea)
    • Submit button

Assignment 3: Job Application Form

Create a job application form with the following features:

  • Fields:
    • Full Name
    • Email Address
    • Gender (radio buttons)
    • Skills (checkboxes: HTML, CSS, JavaScript, PHP, Python)
    • Preferred Job Location (dropdown with at least five options)
    • Upload Resume (file input)
    • Submit button

Assignment 4: Inline Search Form

Develop an inline form for a search feature with the following:

  • Search Query (text input)
  • Category (dropdown: All, Articles, Images, Videos, News)
  • Search button

Assignment 5: Event Registration Form

Build an event registration form that includes:

  • Fields:
    • Name
    • Email
    • Event Type (radio buttons: Workshop, Seminar, Networking Event)
    • Sessions Interested (checkboxes: Morning, Afternoon, Evening)
    • Submit button

Evaluation Criteria

  • Proper use of form elements (checkboxes, radio buttons, select menus, and others).
  • Logical grouping and arrangement of form fields.
  • Valid HTML structure and attributes like name, id, required, etc.
  • Optional: Include basic CSS styling for better presentation.

Let me know if you need more assignments or any changes!

You said:

give rest MCQ on above concept

ChatGPT said:

ChatGPT

Here are 40 additional multiple-choice questions (MCQs) with explanations based on advanced form elements:


MCQs on Advanced Form Elements

1.   What is the purpose of the checked attribute in checkboxes and radio buttons?

o    a) It specifies the background color of the input.

o    b) It defines the default selected state of the input.

o    c) It disables the input field.

o    d) It groups multiple inputs together.
Answer: b) It defines the default selected state of the input.
Explanation: The checked attribute ensures that the input is preselected when the page loads.


2.   Which attribute is mandatory for grouping radio buttons?

o    a) value

o    b) name

o    c) checked

o    d) type
Answer: b) name
Explanation: All radio buttons in a group must share the same name attribute to ensure mutual exclusivity.


3.   What does the <option> tag represent in a <select> menu?

o    a) An individual option in a dropdown list.

o    b) A group of options in the dropdown.

o    c) A placeholder text.

o    d) The default value for the dropdown.
Answer: a) An individual option in a dropdown list.
Explanation: The <option> tag specifies each choice in a <select> menu.


4.   Which input type is used to select multiple items from a list?

o    a) Radio button

o    b) Checkbox

o    c) Text

o    d) Password
Answer: b) Checkbox
Explanation: Checkboxes allow multiple selections from a group of inputs.


5.   What happens if multiple radio buttons in a group have different name attributes?

o    a) They function as independent inputs.

o    b) They are automatically grouped together.

o    c) Only the first button works.

o    d) They display an error message.
Answer: a) They function as independent inputs.
Explanation: Radio buttons with unique name attributes are treated as separate groups.


6.   Which attribute is used to specify the value of a selected <option>?

o    a) value

o    b) name

o    c) id

o    d) type
Answer: a) value
Explanation: The value attribute holds the data sent to the server when the option is selected.


7.   What does the <label> tag do in a form?

o    a) Groups related form fields.

o    b) Links a text description to an input field.

o    c) Styles the form.

o    d) Adds a tooltip to the input.
Answer: b) Links a text description to an input field.
Explanation: Using <label> improves accessibility by associating text with its corresponding input.


8.   Which input type allows users to select a single option from a predefined list?

o    a) Checkbox

o    b) Radio button

o    c) Select menu

o    d) Text
Answer: b) Radio button
Explanation: Radio buttons allow users to select one option from a group.


9.   What happens when you do not include the value attribute in a checkbox?

o    a) The checkbox cannot be selected.

o    b) The value defaults to "on".

o    c) It throws an error.

o    d) It uses the text of the label.
Answer: b) The value defaults to "on".
Explanation: Without a value attribute, checkboxes default to sending "on" when selected.


10.                     Which tag is used to create a dropdown menu in HTML?

o    a) <dropdown>

o    b) <select>

o    c) <input type="dropdown">

o    d) <menu>
Answer: b) <select>
Explanation: The <select> tag is used for dropdown menus.


Additional MCQs

11.                     What attribute ensures a dropdown option is preselected?

o    a) checked

o    b) selected

o    c) default

o    d) active
Answer: b) selected

12.                     Which of the following is used to group related options in a dropdown menu?

o    a) <option>

o    b) <select>

o    c) <optgroup>

o    d) <label>
Answer: c) <optgroup>

13.                     What does the for attribute in a <label> tag reference?

o    a) The input's name attribute

o    b) The input's value attribute

o    c) The input's id attribute

o    d) The form's action attribute
Answer: c) The input's id attribute

14.                     What is the default type for the <input> tag?

o    a) text

o    b) password

o    c) radio

o    d) button
Answer: a) text

15.                     Which tag is used to create a multiline text input field?

o    a) <input type="text">

o    b) <textarea>

o    c) <input type="textarea">

o    d) <multiline>
Answer: b) <textarea>

16.                     What does the disabled attribute do?

o    a) Hides the input field.

o    b) Prevents users from interacting with the input.

o    c) Highlights the input.

o    d) None of the above.
Answer: b) Prevents users from interacting with the input.

17.                     What is the purpose of the multiple attribute in a <select> tag?

o    a) Allows multiple options to be selected.

o    b) Duplicates the dropdown.

o    c) Changes the layout of the dropdown.

o    d) Groups options.
Answer: a) Allows multiple options to be selected.


Explanations

For the above questions, explanations relate to basic behaviors and attributes of form controls and ensure students understand the practical implementation in HTML. Would you like more MCQs, or focus on additional aspects of these elements?

You said:

rest 33

ChatGPT said:

ChatGPT

Here are the remaining 33 MCQs on advanced form elements:


18.                     What does the placeholder attribute in an input field do?

o    a) Provides a tooltip for the input field.

o    b) Sets the initial value of the input field.

o    c) Displays a hint text inside the input field.

o    d) Sets the label for the input field.
Answer: c) Displays a hint text inside the input field.


19.                     Which input type is used for selecting a file to upload?

o    a) text

o    b) file

o    c) upload

o    d) browse
Answer: b) file


20.                     What does the readonly attribute do in an input field?

o    a) Makes the field editable only once.

o    b) Prevents the field from being edited but still allows it to be copied.

o    c) Hides the field.

o    d) Makes the field disabled.
Answer: b) Prevents the field from being edited but still allows it to be copied.


21.                     Which attribute is used to define a default value for an input field?

o    a) value

o    b) placeholder

o    c) default

o    d) input
Answer: a) value


22.                     What is the use of the autocomplete attribute in a form?

o    a) Automatically submits the form after filling.

o    b) Fills fields based on previously entered values.

o    c) Suggests values for input fields.

o    d) Displays validation messages.
Answer: b) Fills fields based on previously entered values.


23.                     Which input type is used to select a date?

o    a) datetime

o    b) date

o    c) time

o    d) calendar
Answer: b) date


24.                     What does the min attribute in a number input field specify?

o    a) The minimum number of characters.

o    b) The minimum value allowed.

o    c) The default value.

o    d) The step value.
Answer: b) The minimum value allowed.


25.                     Which attribute is used to provide a hint for expected input values?

o    a) pattern

o    b) title

o    c) placeholder

o    d) name
Answer: a) pattern


26.                     What does the <datalist> tag do?

o    a) Creates a dropdown list of predefined values for an input field.

o    b) Acts as a placeholder for input.

o    c) Defines a range of values.

o    d) Groups related fields.
Answer: a) Creates a dropdown list of predefined values for an input field.


27.                     What is the purpose of the step attribute in input fields?

o    a) Defines the number of characters allowed.

o    b) Sets the incremental value for numeric inputs.

o    c) Specifies the size of the input field.

o    d) Limits the input to even numbers only.
Answer: b) Sets the incremental value for numeric inputs.


28.                     Which input type allows selecting a range of values?

o    a) number

o    b) range

o    c) slider

o    d) scale
Answer: b) range


29.                     What does the multiple attribute do in an input of type file?

o    a) Allows multiple files to be selected.

o    b) Enables file compression.

o    c) Displays a preview of uploaded files.

o    d) Limits file selection to one.
Answer: a) Allows multiple files to be selected.


30.                     What does the novalidate attribute in a <form> tag do?

o    a) Disables server-side validation.

o    b) Disables client-side validation.

o    c) Ignores required fields.

o    d) Prevents form submission.
Answer: b) Disables client-side validation.


31.                     What is the role of the <fieldset> tag in forms?

o    a) Groups related fields visually and semantically.

o    b) Adds a placeholder to form fields.

o    c) Validates input data.

o    d) Hides fields.
Answer: a) Groups related fields visually and semantically.


32.                     Which tag is used to provide a caption for a <fieldset>?

o    a) <caption>

o    b) <legend>

o    c) <label>

o    d) <title>
Answer: b) <legend>


33.                     What input type is used to mask sensitive data?

o    a) password

o    b) text

o    c) hidden

o    d) secure
Answer: a) password


34.                     Which input type allows entering an email address with validation?

o    a) email

o    b) text

o    c) url

o    d) search
Answer: a) email


35.                     Which attribute specifies the URL to send the form data to?

o    a) method

o    b) action

o    c) target

o    d) url
Answer: b) action


36.                     Which value of the method attribute sends form data as a URL query string?

o    a) post

o    b) get

o    c) put

o    d) delete
Answer: b) get


37.                     What input type is best for entering a URL?

o    a) email

o    b) url

o    c) text

o    d) link
Answer: b) url


38.                     What does the required attribute do in a form field?

o    a) Prevents the field from being submitted if empty.

o    b) Automatically fills the field.

o    c) Hides the field.

o    d) Validates the field format.
Answer: a) Prevents the field from being submitted if empty.


39.                     Which attribute specifies where to display the response after form submission?

o    a) target

o    b) action

o    c) method

o    d) url
Answer: a) target


40.                     Which input type is used for entering a telephone number?

o    a) text

o    b) tel

o    c) number

o    d) phone
Answer: b) tel


41.                     What does the pattern attribute do in an input field?

o    a) Sets the background image of the input field.

o    b) Defines a regular expression for input validation.

o    c) Limits the input length.

o    d) Enables autocompletion.
Answer: b) Defines a regular expression for input validation.


42.                     Which attribute is used to group a set of radio buttons for selection?

o    a) type

o    b) name

o    c) value

o    d) checked
Answer: b) name

 

No comments:

Post a Comment

Search This Blog

Powered by Blogger.