admin管理员组文章数量:1794759
HTML网站首页代码详细知识点
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>入门案例01</title> </head> <body> <!-- 表单表标签: action:提交的地址(我理解为要跳到的页面地址) method: get方式:默认提交方式，会将参数拼接在链接后面,并且有大小限制，4K post方式:会将参数封装在请求体中，没有大小限制 ★post提交方式，如果action的链接中包含中文，由于HBuilder内置服务器不支持， 所以会出现“内部服务器错误”，所以方法①不要写中文链接；方法②直接用浏览器打开HTML文件， 不通过HBuilder打开即可 input: type:指定输入项的类型 text :文本框 password:密码框 radio :单选按钮 checkbox:复选按钮 file :上传文件 submit :提交按钮 button :普通按钮 reset :重置按钮 hidden :隐藏域 date :日期类型 tel :手机号 number :只允许输入数字 placeholder:指定默认的提示信 name:在表单提交的时候，当作参数的名称 id:给输入项一个名字，以便于后期我们去找到它，并且操作它 textarea:文本域，可以输入一段文本 cols:指定宽度 rows:指定高度 select:下拉列表 option:选择项 --> <form action="../11.21百度地图/index.html" method="get"> <!--隐藏域:主要用来存放页面上的一些ID信--> <!--隐藏域在表单提交的时候，会携带一些数据过去，name属性是参数的名称--> <input type="hidden" value="sssss" name="uid"/> <!--文本输入框--> <!--此处的value是文本框的默认输入内容，如果没有value，那么就会显示placeholder的内容--> 用户名:<input type= "text" value="didadida" id="usrname" placeholder="请输入用户名"/><br /> <!--密码框--> 密码:<input type="password" placeholder="请输入密码"/> <br /> 确认密码:<input type="password" placeholder="请再次输入相同密码 " /><br /> 邮箱:<input type="text" /><br /> <!--type是number时，只能输入数字 如果是tel时，在手机端可以显示一个九宫格的输入键盘 --> 手机号码:<input type="number" /><br /> 照片:<input type="file" /><br /> 性别:<input type="radio" name="sex" />男 <input type="radio" name="sex" />女<br/> 爱好: <input type="checkbox" />阅读 <input type="checkbox" />打代码 <input type="checkbox" />搞对象 <br /> 择偶要求:<br /> <textarea cols="40" rows="4"></textarea><br /> 籍贯: <select> <option>--请选择--</option> <option>湖北</option> <option>山西</option> </select> <br /> 出生日期: <input type="datetime-local" /><br/> 验证码:<input type="text" /><br /> <input type="submit" value="注册" /> <input type="button" value="普通按钮" /> <input type="reset" value="重置按钮"/> </form> </body> </html>
版权声明：本文标题：HTML网站首页代码详细知识点 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686633857a88807.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论