HTML Essentials: A Beginners Guide to Web Development by Bell Robert

Author:Bell, Robert
Language: eng
Format: epub
Published: 2024-02-11T00:00:00+00:00

</form>

Input Types (text, password, submit, etc.)

The <input> element specifies an input field where users can enter data. It can vary in many types, depending on the type attribute:

text: For textual input.

password: For password input.

submit: For a button that submits the form.

And many others like email, date, checkbox, radio, and file.

Example:

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

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

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

Organizing Forms

Fieldsets and Legends for Grouping Form Elements

The <fieldset> tag is used to group related data within a form, and the <legend> tag provides a caption for the fieldset. This helps in organizing the form and improving accessibility.

Example:

<fieldset>

<legend>Personal Information</legend>

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

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

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

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

</fieldset>

Labels for Input Elements

The <label> tag is used to define labels for <input> elements, improving form accessibility and usability. Labels are associated with specific form elements through the for attribute, which matches the id of the form element.

Example:

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

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

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.