HTML Worksheet: Forms and Inputs

HTML and CSS lesson 21: Forms and inputs · Set 752 · 40 questions

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.

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

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