- Create three
<form>elements with the IDs:registrationForm,loginForm, andfeedbackForm.
- Use the
<label>element with the text "Name:" and assign theforattribute the value "name". - Use the
<input>element withtype="text". - Assign the ID
nameto this input field. - Name the input field as
nameusing thenameattribute. - Make this field required by adding the
requiredattribute.
- Use the
<label>element with the text "Email:" and assign theforattribute the value "email". - Use the
<input>element withtype="email". - Assign the ID
emailto this input field. - Name the input field as
emailusing thenameattribute. - Make this field required by adding the
requiredattribute.
- Use the
<label>element with the text "Password:" and assign theforattribute the value "password". - Use the
<input>element withtype="password". - Assign the ID
passwordto this input field. - Name the input field as
passwordusing thenameattribute. - Make this field required by adding the
requiredattribute.
-
Use the
<label>element with the text "Gender:" and assign theforattribute the value "gender". -
Use the
<select>element to create a dropdown. -
Assign the ID
genderto this select element. -
Name the select box as
genderusing thenameattribute. -
Make this dropdown required by adding the
requiredattribute. -
Inside the
<select>element, include the following options:<option value="male">Male</option><option value="female">Female</option><option value="other">Other</option>
- Use the
<label>element with the text "BirthDate:" and assign theforattribute the value "birthdate". - Use the
<input>element withtype="date". - Assign the ID
birthdateto this input field. - Name the input field as
birthdateusing thenameattribute. - Make this field required by adding the
requiredattribute.
- Use the
<label>element and assign theforattribute the value "terms". - Use the
<input>element withtype="checkbox". - Assign the ID
termsto this input field. - Name the input field as
termsusing thenameattribute. - Set the value to
"yes"using thevalueattribute. - Add the statement "I accept the terms and conditions" inside the label.
- Make this field required by adding the
requiredattribute. - Close the label tag.
-
Use the
<button>element withtype="submit". -
Each form must use the following exact button text:
- Registration Form: Register
- Login Form: Login
- Feedback Form: Submit Feedback
-
No ID or name attribute is necessary for the submit button unless you choose to add one.
- Use the
<label>element with the text "LoginEmail:" and assign theforattribute the value "loginEmail". - Link the label to an input field with:
type="email"id="loginEmail"name="loginEmail"requiredattribute applied.
- Use the
<label>element with the text "LoginPassword:" and assign theforattribute the value "loginPassword". - Link the label to an input field with:
type="password"id="loginPassword"name="loginPassword"requiredattribute applied.
- Use the
<label>element with the text "Comments:" and assign theforattribute the value "comments". - Link the label to a
<textarea>with:id="comments"name="comments"requiredattribute applied.
- Use the
<label>element with the text "Rating:" and assign theforattribute the value "rating". - Link the label to an input field with:
type="number"id="rating"name="rating"min="1"max="5"requiredattribute applied.