← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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