HTML Worksheet: Forms and Inputs

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

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