Scribd
Upload
2 views

html3

Uploaded by

rimhizem86
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

html3

Uploaded by

rimhizem86
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

1

2
Check headings.html

3
Check parapgraphs.html

4
Check lines.html

5
Check formatting.html

6
Check image.html

7
Check links.html

8
check lists.html

9
Check table.html

10
Check forms.html

11
12
In HTML, forms are a fundamental way to collect and process user input. To create a
form, you can use various form elements to gather different types of data from users.
Here are the different types of elements that you can include in an HTML form:

1. **Text Input Fields:**


- `<input type="text">`: Allows users to enter single-line text.
- `<input type="password">`: Conceals text input for sensitive information like
passwords.
- `<input type="email">`: Ensures the input conforms to an email address format.
- `<input type="tel">`: For entering telephone numbers.
- `<input type="number">`: Accepts numeric input.
- `<input type="date">`, `<input type="time">`, `<input type="datetime-local">`: For
date and time input.

2. **Textarea:**
- `<textarea>`: Provides a multiline text input field where users can enter longer text
or comments.

3. **Selection Fields:**

13
- `<select>`: Creates a dropdown selection list.
- `<option>`: Defines individual options within a `<select>` dropdown.
- `<optgroup>`: Groups related options within a dropdown.

4. **Checkboxes and Radio Buttons:**


- `<input type="checkbox">`: Allows users to select multiple options from a list.
- `<input type="radio">`: Users can select only one option from a group of radio
buttons by specifying the same `name` attribute.

5. **File Input:**
- `<input type="file">`: Enables users to upload files (e.g., images, documents).

6. **Buttons:**
- `<input type="submit">`: Submits the form data to the server.
- `<input type="reset">`: Resets the form fields to their initial values.
- `<button>`: Creates a custom button that can trigger JavaScript functions.

7. **Hidden Input:**
- `<input type="hidden">`: Hides data from the user but sends it to the server when
the form is submitted. Useful for including additional information with the form
submission.

8. **Form Controls and Labels:**


- `<label>`: Provides a label for form elements, improving accessibility and user
experience.
- `<fieldset>`: Groups related form elements together and can include a `<legend>`
for a label.
- `<legend>`: Provides a caption for a `<fieldset>` element.

9. **Validation and Other Attributes:**


- `required`: Specifies that a field must be filled out before the form can be
submitted.
- `pattern`: Defines a regular expression pattern for input validation.
- `min` and `max`: Specify minimum and maximum values for numeric input fields.
- `step`: Sets the stepping interval for numeric input.
- `autocomplete`: Controls whether browser autocomplete is enabled for a field.

13
14
15
16
17
18
Check sematic.html

19
20
21
22

You might also like