一. 基礎
1. 寫一個輸入框代碼,類型為密碼;
2. 寫一個輸入框代碼,類型為密碼;
3. 寫一個輸入框代碼,類型為密碼,名稱為"password";
4. 寫一個輸入框代碼,類型為密碼,名稱為"pAssword";
5. 寫一個輸入框代碼,類型為密碼,默認值為"helloworld";
6. 寫一個輸入框代碼,類型為密碼,默認值為"PASSWORD";
7. 寫一個輸入框代碼,類型為密碼,名稱為"password",默認值為"password";
8. 寫一個輸入框代碼,類型為密碼,ID為"Password",默認值為"pAssword",提示行為"please password";
9. 寫一個輸入框代碼,類型為復選框;
10. 寫一個輸入框代碼,類型為復選框;
11. 寫一個輸入框代碼,類型為復選框,名稱為"checkbox";
12. 寫一個輸入框代碼,類型為復選框,名稱為"Checkbox";
13. 寫一個輸入框代碼,類型為復選框,默認不選中;
14. 寫一個輸入框代碼,類型為復選框,默認選中;
15. 寫一個輸入框代碼,類型為復選框,名稱為"checkbox",默認不選中,且選中時上傳值"Hahaha";
16. 寫一個輸入框代碼,類型為復選框,ID為"Checkbox",名稱為"Checkbox",默認選中,且選中時上傳值"Ohohoh";
17. 寫一個輸入框代碼,類型為文本框;
18. 寫一個輸入框代碼,類型為文本框;
19. 寫一個輸入框代碼,類型為文本框,名稱為"text";
20. 寫一個輸入框代碼,類型為文本框,名稱為"tExt";
21. 寫一個輸入框代碼,類型為文本框,默認值為"text";
22. 寫一個輸入框代碼,類型為文本框,默認值為"tExt";
23. 寫一個輸入框代碼,類型為文本框,名稱為"text",默認值為"text";
24. 寫一個輸入框代碼,類型為文本框,ID為"tExt",默認值為"tExt",提示行為"please text";
25. 寫一個輸入框代碼,類型為提交;
26. 寫一個輸入框代碼,類型為提交;
27. 寫一個輸入框代碼,類型為提交,名稱為"submit"(往往沒必要);
28. 寫一個輸入框代碼,類型為提交,名稱為"suBmit"(往往沒必要);
29. 寫一個輸入框代碼,類型為提交,默認值(顯示值)為"submit";
30. 寫一個輸入框代碼,類型為提交,默認值(顯示值)為"suBmit";
31. 寫一個輸入框代碼,類型為提交,名稱為"submit",默認值為"submit";
32. 寫一個輸入框代碼,類型為提交,ID為"submit",默認值為"SUBMIT";
33. 寫一個輸入框代碼,類型為單選框,在happy和sad中選一個;
34. 寫一個輸入框代碼,類型為單選框,在apple和pear中選一個;
35. 寫一個輸入框代碼,類型為單選框,在happy和sad中選一個。選happy時能傳給服務器happy,選sad時能傳給服務器sad;
36. 寫一個輸入框代碼,類型為單選框,在apple和pear中選一個。選apple時能傳給服務器apple,選pear時能傳給服務器pear;
37. 寫一個輸入框代碼,類型為單選框,在A、B、C中選一個;
38. 寫一個輸入框代碼,類型為單選框,在A、B、C中選一個。選A時能傳給服務器A,選B時傳B、選C時傳C;
39. 寫一個輸入框代碼,類型為單選框,現在A、B中選一個,再從happy、sad中選一個;
40. 寫一個輸入框代碼,類型為單選框,現在A、B中選一個,再從happy、sad中選一個。同理選A傳A、選B傳B、選happy傳happy、選sad傳sad;
41. 寫一個輸入框代碼,類型為按鈕;
42. 寫一個輸入框代碼,類型為按鈕;
43. 寫一個輸入框代碼,類型為按鈕,默認值(顯示值)為"按鈕1";
44. 寫一個輸入框代碼,類型為按鈕,默認值(顯示值)為"按鈕2";
45. 寫一個輸入框代碼,類型為數字;
46. 寫一個輸入框代碼,類型為數字;
47. 寫一個輸入框代碼,類型為數字,名稱為"number";
48. 寫一個輸入框代碼,類型為數字,名稱為"nUmber";
49. 寫一個輸入框代碼,類型為數字,最小值為1,最大值為5;
50. 寫一個輸入框代碼,類型為數字,最小值為3,最大值為30000;
51. 寫一個輸入框代碼,類型為數字,名稱為"number",最小值為1,最大值為5;
52. 寫一個輸入框代碼,類型為數字,名稱為"nUmber",最小值為3,最大值為30000;
53. 寫一個輸入框代碼,類型為電子郵件;
54. 寫一個輸入框代碼,類型為電子郵件;
55. 寫一個輸入框代碼,類型為電子郵件,名稱為"email";
56. 寫一個輸入框代碼,類型為電子郵件,名稱為"Email";
57. 寫一個輸入框代碼,類型為電子郵件,默認值為"email";
58. 寫一個輸入框代碼,類型為電子郵件,提示行為"Email";
59. 寫一個輸入框代碼,類型為日期;
60. 寫一個輸入框代碼,類型為日期;
61. 寫一個輸入框代碼,類型為日期,名稱為"date";
62. 寫一個輸入框代碼,類型為日期,名稱為"daTe";
63. 寫一個輸入框代碼,類型為日期,默認值為"1982-11-12";
64. 寫一個輸入框代碼,類型為日期,默認值為"2004-02-24";
65. 寫一個輸入框代碼,類型為日期,名稱為"date",默認值為"2004-02-23";
66. 寫一個輸入框代碼,類型為文件;
67. 寫一個輸入框代碼,類型為文件;
68. 寫一個輸入框代碼,類型為文件,名稱為"file";
69. 寫一個輸入框代碼,類型為文件,名稱為"fIle";
二. 提高
1. password類型的input標簽中,name必要嘛?
2. checkbox類型的input標簽中,name必要嘛?
3. text類型的input標簽中,name必要嘛?
4. submit類型的input標簽中,name必要嘛?
5. radio類型的input標簽中,name必要嘛?
6. button類型的input標簽中,name必要嘛?
7. number類型的input標簽中,name必要嘛?
8. email類型的input標簽中,name必要嘛?
9. date類型的input標簽中,name必要嘛?
10. file類型的input標簽中,name必要嘛?
11. password類型的input標簽中,value表示什么?
12. checkbox類型的input標簽中,value表示什么?
13. text類型的input標簽中,value表示什么?
14. submit類型的input標簽中,value表示什么?
15. radio類型的input標簽中,value表示什么?
16. button類型的input標簽中,value表示什么?
17. number類型的input標簽中,value表示什么?
18. email類型的input標簽中,value表示什么?
19. date類型的input標簽中,value表示什么?
20. file類型的input標簽中,value表示什么?
21. input標簽有結束標簽嘛?
22. input標簽有結束標簽嘛?
三. 例子
1. password類型的input標簽
2. checkbox類型的input標簽
3. text類型的input標簽
4. submit類型的input標簽
5. radio類型的input標簽
6. button類型的input標簽
7. number類型的input標簽
8. email類型的input標簽
9. date類型的input標簽
10. file類型的input標簽
一. 基礎
1. <input type="password">
2. <input type="password">
3. <input type="password" name="password">
4. <input type="password" name="pAssword">
5. <input type="password" value="helloworld">
6. <input type="password" value="PASSWORD">
7. <input type="password" name="password" value="password">
8. <input type="password" id="Password" value="pAssword" placeholder="please password">
9. <input type="checkbox">
10. <input type="checkbox">
11. <input type="checkbox" name="checkbox">
12. <input type="checkbox" name="Checkbox">
13. <input type="checkbox">
14. <input type="checkbox" checked>
15. <input type="checkbox" name="checkbox" value="Hahaha">
16. <input type="Checkbox" id="Checkbox" name="Checkbox" checked value="Ohohoh">
17. <input type="text">
18. <input type="text">
19. <input type="text" name="text">
20. <input type="text" name="tExt">
21. <input type="text" value="text">
22. <input type="text" value="tExt">
23. <input type="text" name="text" value="text">
24. <input type="text" id="tExt" value="tExt" placeholder="please text">
25. <input type="submit">
26. <input type="submit">
27. <input type="submit" name="submit">
28. <input type="submit" name="suBmit">
29. <input type="submit" value="submit">
30. <input type="submit" value="suBmit">
31. <input type="submit" name="submit" value="submit">
32. <input type="submit" id="submit" value="SUBMIT">
33. <input type="radio" name="mood">happy
? ? ?<input type="radio" name="mood">sad
34. <input type="radio" name="fruit">apple
? ? ?<input type="radio" name="fruit">pear
35. <input type="radio" name="mood" value="happy">happy
? ? ?<input type="radio" name="mood" value="sad">sad
36. <input type="radio" name="fruit" value="apple">apple
? ? ?<input type="radio" name="fruit" value="pear">pear
37. <input type="radio" name="choice">A
? ? ?<input type="radio" name="choice">B
? ? ?<input type="radio" name="choice">C
38. <input type="radio" name="choice" value="A">A
? ? ?<input type="radio" name="choice" value="B">B
? ? ?<input type="radio" name="choice" value="C">C
39. <input type="radio" name="choice">A
? ? ?<input type="radio" name="choice">B
? ? ?<input type="radio" name="mood">happy
? ? ?<input type="radio" name="mood">sad
40. <input type="radio" name="choice" value="A">A
? ? ?<input type="radio" name="choice" value="B">B
? ? ?<input type="radio" name="mood" value="happy">happy
? ? ?<input type="radio" name="mood" value="sad">sad
41. <input type="button">
42. <input type="button">
43. <input type="button" value="按鈕1">
44. <input type="button" value="按鈕2">
45. <input type="number">
46. <input type="number">
47. <input type="number" name="number">
48. <input type="number" name="nUmber">
49. <input type="number" min="1" max="5">
50. <input type="number" min="3" max="30000">
51. <input type="number" name="number" min="1" max="5">
52. <input type="number" name="nUmber" min="3" max="30000">
53. <input type="email">
54. <input type="email">
55. <input type="email" name="email">
56. <input type="email" name="Email">
57. <input type="email" value="email">
58. <input type="email" placeholder="Email">
59. <input type="date">
60. <input type="date">
61. <input type="date" name="date">
62. <input type="date" name="daTe">
63. <input type="date" value="1982-11-12">
64. <input type="date" value="2004-02-23">
65. <input type="date" name="date" value="2004-02-23">
66. <input type="file">
67. <input type="file">
68. <input type="file" name="file">
69. <input type="file" name="fIle">
二. 提高
1. password類型的input標簽中,name必要
2. checkbox類型的input標簽中,name必要
3. text類型的input標簽中,name必要
4. submit類型的input標簽中,name不必要
5. radio類型的input標簽中,name必要
6. button類型的input標簽中,name不必要
7. number類型的input標簽中,name必要
8. email類型的input標簽中,name必要
9. date類型的input標簽中,name必要
10. file類型的input標簽中,name必要
11. password類型的input標簽中,value表示框中默認填寫的值
12. checkbox類型的input標簽中,value表示在選中的情況下,上傳給服務器時,name變量所對應的值
13. text類型的input標簽中,value表示框中默認填寫的值
14. submit類型的input標簽中,value表示顯示出來的值
15. radio類型的input標簽中,value表示在選中的情況下,上傳給服務器時,name變量所對應的值
16. button類型的input標簽中,value表示顯示出來的值
17. number類型的input標簽中,value表示框中默認填寫的值
18. email類型的input標簽中,value表示框中默認填寫的值
19. date類型的input標簽中,value表示框中默認填寫的值
20. file類型的input標簽中,value我不讓你用
21. input標簽沒有結束標簽
22. input標簽沒有結束標簽
三. 例子
1. password類型的input標簽,<input type="password" name="password" id="password" placeholder="Password">
2. checkbox類型的input標簽,
<input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br> ?
<input type="checkbox" name="vehicle2" value="Car"> I have a car
3. text類型的input標簽,<input type="text" name="firstname" id="firstname" placeholder="Your name">
4. submit類型的input標簽,<input type="submit" value="Submit">
5. radio類型的input標簽,<input type="radio" name="gender" value="male"> Male<br> ?
<input type="radio" name="gender" value="female"> Female
6. button類型的input標簽,<input type="button" value="Click Me!">
7. number類型的input標簽,<input type="number" name="quantity" min="1" max="5">
8. email類型的input標簽,<input type="email" name="email" id="email" placeholder="Your email">
9. date類型的input標簽,<input type="date" name="birthday">
10. file類型的input標簽,<input type="file" name="myFile">