HTML Worksheet: Forms and Inputs

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

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