← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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