表单的标签为<form> 其中属性action和method有get post先介绍下他的区别
action 把表单数据交给那个页面进行处理
from 表单标签
get 默认的一种数据传输方式(查询用get)
特点:
1.通过地址栏来传递表单数据
2.不能传递敏感数据,用户信息,比如密码
3.不能传递海量数据,每次只能传递1024个字节
4.不能上传附件
post:
1.不是通过地址栏来传递数据的
2.数据传给文件处理程序增删改用post
3.能传输海量数据
4.能上传附件
下面编写一个注册页面并简要介绍下各属性用法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<span>账号:</span>
<!--
作者:[email protected]
时间:2020-02-24
描述:行内标签
表单最重要的作用 获取用户输入的信息 需要在表单中加入input
语法 <input type="类型"
type值 text 单行文本框 password密码框
image 图片按钮
radio 单选按钮
checkbox 多选框
注意:使用上传必须修改enctype="multipart/form-data"
否则无法上传
file 上传按钮
select 下拉框
常用属性:
checked ="checked" 单选默认选中
value 初始值
name="userName"
id="userName" />
-->
<input type="text" name="userName" id="userName" /> <br />
<span>密码:</span>
<input type="password" name="pwd" id="pwd" />
<br />
<!--图片-->
<input type="image" src="../img/2.gif" name="image" id="image" />
<br />
<!--单选-->
<span>性别</span>
<input type="radio" name="sex" id="sex" checked="checked"/>男
<input type="radio" name ="sex" id="sex1" />女
<br />
<!--多选-->
<span>爱好</span>
<input type="checkbox" name="hobby" value="1"/>唱
<input type="checkbox" name="hobby" value="1"/>跳
<input type="checkbox" name="hobby" value="1"/>rap
<input type="checkbox" name="hobby" value="1"/>篮球
<br />
<!--上传-->
<span>上传:</span>
<input type="file" name="file" id="file"><br />
<!--下拉框-->
<span>颜色:</span>
<select name="color" id="color">
<option value="--请选择--" selected="selected">--请选择--</option>
<option value="red">红色</option>
<option value="black">黑色</option>
<option value="blue">蓝色</option>
<option value="green">绿色</option>
</select>
<br />
<span>备注:</span>
<textarea name="desc" id="desc" rows="5" cols="10"></textarea>
<br />
<!--提交-->
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
<input type="button" value="查询"/>
</form>
</body>
</html>