表单标签<form>
在HTML页面创建一个表单,表单标签在浏览器中无任何显示。如果数据需要提交到服务器端,负责搜集数据的标签必须存放在表单标签<form></form>中。
<form>标签属性
- action,请求路径,整个表单提交的位置,可以是一个页面,也可以是一个后台Java代码
- method,请求方式,取值有get/post/delete......共7种
get与post之间的区别
- Get提交方式,提交的数据追加在请求路径上(所有内容显示在地址栏),不够安全,提交的数据长度有限;追加使用?连接,之后每一对数据使用&连接
- Post提交方式,提交的数据不追加在请求路径,提交的数据大小不显示,提交的数据长度没有限制
输入域标签<input />
-
文本输入项
<input type="text" name="" size="" maxlength="" readonly="" placeholder="" />
text:文本框,单行的输入字段,用户可在其中输入文本
name:元素名,表单数据提交到服务器端,需提供name属性值,服务器提供属性值获取提交的数据,属性值可任意,一般见文知意
size:指定输入框的宽度,默认宽度为20个字符
maxlength:允许输入的最大长度
readonly:是否可读
placeholder:输入内容提示值
-
密码输入框
<input type="password" name="" />
该字段中的字符用●显示
-
单选按钮
<input type="radio" name="" value="" checked="" />
value:设置标签的默认值
checked:默认选中
多选按钮(复选框):checkbox
-
按钮标签
<input type="submit|button|reset" value="" />
type:提供 “提交|普通|重置”功能
value:设置按钮中的内容
-
其他属性
file:文件上传组件,提供“选择文件”按钮,按下选择上传文件
hidden:隐藏字段,数据会发送到服务器,浏览器不进行显示,用于用户比较敏感的信息
下拉列表标签<select>
<select name="" multiple="" size="">
<option value="" selected="" ></option>
<option></option>
</select>
<select>下拉列表标签可以进行单选或者多选,需使用子标签<option>指定列表项
multiple:不写默认单选,取值为“multiple”为多选
size:可见选项的数目
value:提交到服务器的选项值
selected:默认勾选当前列表项
文本域标签<textarea>
<textarea name="" cols="" rows=""></textarea>
<textarea>多行的文本输入控件
cols:文本域列数
rows:文本域行数