Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Challenge: Apply Form Inputs and Labels | Section
HTML Basics for Absolute Beginners (Sliced) - 1768407373666

bookChallenge: Apply Form Inputs and Labels

Task

Create an HTML form to collect user information using input fields and corresponding labels.

index.html

index.html

index.js

index.js

copy

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 have for="name-field";
    • For the input with the id="email-field", its corresponding label should have for="email-field";
    • For the input with the id="password-field", its corresponding label should have for="password-field";
    • For the input with the id="birthdate-field", its corresponding label should have for="birthdate-field".
index.html

index.html

index.js

index.js

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 29

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookChallenge: Apply Form Inputs and Labels

Scorri per mostrare il menu

Task

Create an HTML form to collect user information using input fields and corresponding labels.

index.html

index.html

index.js

index.js

copy

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 have for="name-field";
    • For the input with the id="email-field", its corresponding label should have for="email-field";
    • For the input with the id="password-field", its corresponding label should have for="password-field";
    • For the input with the id="birthdate-field", its corresponding label should have for="birthdate-field".
index.html

index.html

index.js

index.js

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 29
some-alt