← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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