← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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