Conteúdo do curso
Class 01 – Introduction to the HTML Form
0/8
1.1 Form element
1.2 Input element
1.3 Text areas
1.4 Label element
1.5 button – Buttons
1.6 Checkboxes
1.7 Submit button
1.8 The Name Attribute for Input
Class 02 – HTML Form and its Attributes
0/5
2.1 Action attribute
2.2 Target Attribute
2.3 Method attribute
2.4 Autocomplete Attribute – Automatic completion
2.5 Novalidate attribute
Class 03 – HTML Form and its Elements
0/9
3.1 Elements that can be inserted in the form
3.2 More about the input element
3.3 Everything about the label element
3.4 Select element
3.5 Textarea element
3.6 A little more about buttons
3.7 Fieldset and legend elements
3.8 Datalist element
3.9 Output element
Class 04 – Types of Input
0/17
4.1 Text Input
4.2 Password Input
4.3 Shipping Input
4.4 Reset Input
4.5 Input Radio
4.6 Checkbox Input
4.7 Button Input
4.8 Color Input
4.9 Data Input
4.10 Date, Time and Location Input
4.11 Email Input
4.12 Image Input
4.13 File Input
4.14 Number Input
4.15 Search Input
4.16 Telephone Input
4.17 URL Address Input
Class 05 – Input Attributes
0/15
5.1 Value
5.2 Readonly
5.3 Disabled
5.4 Size
5.5 Maxlength
5.6 Min e Max
5.7 Multiple
5.8 Pattern
5.9 Placeholder
5.10 Required
5.11 Step
5.12 Autofocus
5.13 Height e Width
5.14 List
5.15 Autocomplete
HTML Forms: Total Domination
Sobre a Aula

Within the HTML <form> element, you have the flexibility to incorporate a variety of elements to create more interactive and dynamic forms.

Let’s explore some of these elements that can be included within the <form> element.

  • <input>: Represents input fields, which can be text boxes, radio buttons, checkboxes, and other types of interactive controls.
  • <label>: Used to associate descriptive labels with different form elements, enhancing accessibility and usability.
  • <select>: Creates dropdown lists, allowing users to choose an option from a predefined list.
  • <textarea>: Provides an expandable text area where users can input more extensive information, such as comments or messages.
  • <button>: Defines a button that can be used to initiate actions within the form.
  • <fieldset>: Groups related elements within a border, providing visual and structural organization.
  • <legend>: Defines a caption for the <fieldset>, providing a description or title for the group of related elements.
  • <datalist>: Provides a list of suggestions for text fields, easing data entry for the user.
  • <output>: Displays the result of a calculation or the output of a script.
  • <option>: Used within a <select>, it represents a choice that the user can select.
  • <optgroup>: Groups the options within a <select>, providing an organized structure.

This variety of elements within the <form> element allows for the creation of customized forms adaptable to different needs.

By combining these elements appropriately, developers can build forms that provide an intuitive and effective user experience.

Exploring and understanding the function of each element gives you the ability to create forms that are richer in functionality and visually appealing.

facebookCompartilhar
TwitterCompartilhar
PinterestSiga-me
Entrar na conversa
Anterior
Próximo
Rolar para cima