Form Fields
Text fields allow users to enter a single line of text.
index.html
- The
labelelement is used to provide a label for the text field; - The
inputelement is used to create the text field; - The
typeattribute specifies that this is a text field. You can settype="date",type="number"etc.; - The
idandnameattributes uniquely identify the field.
Radio buttons allow users to select a single option from a list of options.
index.html
The value attribute specifies the value submitted with the form when a particular radio button is selected.
textarea elements allow users to enter multiple lines of text.
index.html
This textarea element would be displayed on the web page as a blank field where the user can type in a message. The rows and cols attributes are used to specify the size of the textarea in terms of the number of rows and columns.
Task
- Add a
"name"field, which should be a simple text field (type="text"). - Add a
<label>field for the"email"text field below. - Fill in the radio button below, similar to the one done above for the
maleoption. - Create a radio button for the option
"other"below, similar to the one done above for thefemaleoption. Also, add a<label>. - Add a submit button here.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 3.45
Form Fields
Sveip for å vise menyen
Text fields allow users to enter a single line of text.
index.html
- The
labelelement is used to provide a label for the text field; - The
inputelement is used to create the text field; - The
typeattribute specifies that this is a text field. You can settype="date",type="number"etc.; - The
idandnameattributes uniquely identify the field.
Radio buttons allow users to select a single option from a list of options.
index.html
The value attribute specifies the value submitted with the form when a particular radio button is selected.
textarea elements allow users to enter multiple lines of text.
index.html
This textarea element would be displayed on the web page as a blank field where the user can type in a message. The rows and cols attributes are used to specify the size of the textarea in terms of the number of rows and columns.
Task
- Add a
"name"field, which should be a simple text field (type="text"). - Add a
<label>field for the"email"text field below. - Fill in the radio button below, similar to the one done above for the
maleoption. - Create a radio button for the option
"other"below, similar to the one done above for thefemaleoption. Also, add a<label>. - Add a submit button here.
Takk for tilbakemeldingene dine!