注册入门案例
注册入门案例
表单标签
action:指定提交的地址(要跳转的位置)
method:
get方式---(默认提交方式),会将参数拼接在链接后面。有大小限制,4k
post方式--会将参数封装在请求体中。没有限制
input:
type:指定输入项的类型
text:文本
password:密码框
radio:单选按钮
checkbox:复选框(可以勾选的框框)
file:上传文件
submit:提交按钮
button:普通按钮
reset:重置按钮
hidde:隐藏域
date:日期类型
tel:手机号
number:只允许输入数字
placeholder:默认的提示信息
name:在表单提交的时候,当作参数的名称
id:给输入项取一个名字,以便于后期找到并操作它
<textarea>:文本域,可以输入一段文字
cols:指定宽度
rows:指定高度
select:下拉列表 option:选择项
<form>:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="../04-网站首页/网站首页.html"> <!--注册后将要跳转的位置-->
<!--
隐藏域
主要是用来存放页面上一些ID信息
-->
<input type="hidden" value="123456789" name="uid"/>
<!--文本输入框-->
用户名:<input type="text" name="username" id="abcdefg" placeholder="请输入用户名"/><br />
<!--密码框-->
密 码:<input type="password" /><br />
确认密码:<input type="password" /><br />
邮箱:<input type="text" /><br />
手机号码:<input type="tel" /><br />
用户头像:<input type="file" /><br />
<!--要使性别有单选效果 就把radio取个名字-->
性别: <input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女<br />
爱好:<input type="checkbox" />唱歌
<input type="checkbox" />跳舞
<input type="checkbox" />打球
<input type="checkbox" />健身<br />
个人简介:
<textarea cols="40" rows="4"></textarea> <br /><!--一个大的文本框-->
籍贯:
<select>
<option>---请选择---</option>
<option>湖北</option>
<option>湖南</option>
<option>上海</option>
</select><br />
出生日期:
<input type="date" /><br />
验证码:<input type="text" /><br />
<input type="submit" value="注册"/><br />
<input type="button" value="普通按钮" />
<input type="reset" value="重置按钮" />
</form>
</body>
</html>