Web前端-Web开发HTML基础1-input

一. 基础
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">