← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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