Kursusindhold
HTML Essentials
HTML Essentials
Challenge: Applying Form Inputs and Labels
Task
Create an HTML form to collect user information using input fields and corresponding labels.
index.html
index.js
Hint
Step 1: Provide the correct attributes for each input field by following these instructions:
Use the
type="text"
attribute for the name input;Use the
type="email"
attribute for the email input;Use the
type="password"
attribute for the password input;Use the
type="date"
attribute for the birthday input.
Step 2: Ensure that each input field is correctly associated with its corresponding label by following these instructions:
For the input with the
id="name-field"
, its corresponding label should havefor="name-field"
;For the input with the
id="email-field"
, its corresponding label should havefor="email-field"
;For the input with the
id="password-field"
, its corresponding label should havefor="password-field"
;For the input with the
id="birthdate-field"
, its corresponding label should havefor="birthdate-field"
.
index.html
index.js
Tak for dine kommentarer!