HTML⽹站⾸页代码详细知识点
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>⼊门案例01</title>
</head>
<body>
<!--
input标签placeholder属性表单表标签:
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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。