← Forms and inputs lesson New set →

HTML Worksheet: Forms and Inputs

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

Answer key

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

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