CS200_W2_24-25.pdf

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...

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:** - ``: Allows users to enter single-line text. - ``: Conceals text input for sensitive information like passwords. - ``: Ensures the input conforms to an email address format. - ``: For entering telephone numbers. - ``: Accepts numeric input. - ``, ``, ``: For date and time input. 2. **Textarea:** - ``: Provides a multiline text input field where users can enter longer text or comments. 3. **Selection Fields:** 13  - ``: Creates a dropdown selection list. - ``: Defines individual options within a `` dropdown. - ``: Groups related options within a dropdown. 4. **Checkboxes and Radio Buttons:** - ``: Allows users to select multiple options from a list. - ``: Users can select only one option from a group of radio buttons by specifying the same `name` attribute. 5. **File Input:** - ``: Enables users to upload files (e.g., images, documents). 6. **Buttons:** - ``: Submits the form data to the server. - ``: Resets the form fields to their initial values. - ``: Creates a custom button that can trigger JavaScript functions. 7. **Hidden Input:** - ``: 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:** - ``: Provides a label for form elements, improving accessibility and user experience. - ``: Groups related form elements together and can include a `` for a label. - ``: Provides a caption for a `` 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