← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

HTML and CSS lesson 21: Forms and inputs · Set 336 · 40 questions
TalentJR

Code tip (Pick the right box): <form> holds <input> tags; type= picks the kind: text, password, email, number, date … Radio buttons with the same name allow only ONE choice; checkboxes allow many. type="submit" makes the send button; <label> names a box.

NameDateTime takenScore ___ / 40
  1. 1.📝 Which tag gives a form box a name you can click? (a) <label> (b) <title> (c) <h1> (d) <hr>
  2. 2.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Guava
      <input type="checkbox" name="fruit"> Banana
    </form>
  3. 3.📝 How many <input> tags are in this form?
    <form>
      <input type="email">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
  4. 4.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="fruit"> Guava
      <input type="radio" name="fruit"> Banana
      <input type="radio" name="fruit"> Litchi
      <input type="radio" name="fruit"> Mango
    </form>
  5. 5.What is <input type="password"> for? (a) picks a day (b) sends the form (c) hides what you type (d) is for one line of words
  6. 6.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Orange
      <input type="checkbox" name="colour"> Pink
      <input type="checkbox" name="colour"> Red
      <input type="checkbox" name="colour"> Green
      <input type="checkbox" name="colour"> Blue
    </form>
  7. 7.📝 Which input type is for an email address? (a) number (b) text (c) email (d) submit
  8. 8.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="password">
      <input type="submit" value="Send">
    </form>
  9. 9.True or false: <input type="radio"> lets you pick only one. (a) False (b) True
  10. 10.True or false: <input type="submit"> lets you tick many. (a) False (b) True
  11. 11.What is <input type="checkbox"> for? (a) sends the form (b) lets you pick only one (c) lets you tick many (d) is for one line of words
  12. 12.📝 Which input type lets you pick only one? (a) radio (b) date (c) submit (d) text
  13. 13.📝 Which input type sends the form? (a) number (b) submit (c) radio (d) date
  14. 14.📝 Which input type lets you tick many? (a) radio (b) email (c) password (d) checkbox
  15. 15.What is <input type="submit"> for? (a) is for one line of words (b) sends the form (c) takes only numbers (d) is for an email address
  16. 16.True or false: <input type="email"> is for an email address. (a) False (b) True
  17. 17.What is <input type="radio"> for? (a) is for one line of words (b) lets you pick only one (c) lets you tick many (d) takes only numbers
  18. 18.What is <input type="text"> for? (a) lets you pick only one (b) is for one line of words (c) lets you tick many (d) sends the form
  19. 19.True or false: <input type="checkbox"> sends the form. (a) True (b) False
  20. 20.📝 Which tag makes a big box for many lines of text? (a) <br> (b) <p> (c) <input> (d) <textarea>
  21. 21.📝 What does a password box show instead of letters? (a) numbers (b) dots (c) capital letters (d) emojis
  22. 22.True or false: <input type="number"> takes only numbers. (a) False (b) True
  23. 23.True or false: <input type="submit"> lets you pick only one. (a) True (b) False
  24. 24.True or false: <input type="text"> lets you tick many. (a) True (b) False
  25. 25.True or false: <input type="password"> takes only numbers. (a) False (b) True
  26. 26.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="fruit"> Guava
      <input type="radio" name="fruit"> Mango
      <input type="radio" name="fruit"> Banana
      <input type="radio" name="fruit"> Papaya
      <input type="radio" name="fruit"> Litchi
    </form>
  27. 27.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="password">
      <input type="submit" value="Send">
    </form>
  28. 28.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="date">
      <input type="email">
      <input type="password">
      <input type="submit" value="Send">
    </form>
  29. 29.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="checkbox">
      <input type="text">
      <input type="submit" value="Send">
    </form>
  30. 30.What is <input type="email"> for? (a) is for an email address (b) picks a day (c) takes only numbers (d) lets you tick many
  31. 31.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="text">
      <input type="date">
      <input type="password">
      <input type="submit" value="Send">
    </form>
  32. 32.📝 Which input type picks a day? (a) email (b) text (c) date (d) password
  33. 33.True or false: <input type="radio"> is for one line of words. (a) False (b) True
  34. 34.📝 Which input type is for one line of words? (a) radio (b) text (c) password (d) number
  35. 35.True or false: <input type="radio"> sends the form. (a) True (b) False
  36. 36.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Green
      <input type="radio" name="colour"> Pink
      <input type="radio" name="colour"> Blue
      <input type="radio" name="colour"> Orange
      <input type="radio" name="colour"> Red
    </form>
  37. 37.True or false: <input type="submit"> sends the form. (a) False (b) True
  38. 38.📝 Which input type takes only numbers? (a) email (b) date (c) number (d) radio
  39. 39.📝 Which tag makes a drop-down list? (a) <ul> (b) <li> (c) <ol> (d) <select>
  40. 40.📝 Which input type hides what you type? (a) submit (b) text (c) password (d) email

Answer key

  1. <label>
  2. 4
  3. 3
  4. 1
  5. hides what you type
  6. 5
  7. email
  8. 3
  9. True
  10. False
  11. lets you tick many
  12. radio
  13. submit
  14. checkbox
  15. sends the form
  16. True
  17. lets you pick only one
  18. is for one line of words
  19. False
  20. <textarea>
  21. dots
  22. True
  23. False
  24. False
  25. False
  26. 1
  27. 3
  28. 5
  29. 4
  30. is for an email address
  31. 5
  32. date
  33. False
  34. text
  35. False
  36. 1
  37. True
  38. number
  39. <select>
  40. password

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids