欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > Web前端-Web开发HTML基础1-input

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

2024/10/24 5:21:09 来源:https://blog.csdn.net/a15735748145a/article/details/140471110  浏览:    关键词: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">

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com