html表单
表单的根标签:form
form标签属性
action:处理表单业务的后台代码的位置(URL)
method:提交方式
post
get 默认值
enctype:encode type编码类型
admin 字符数据 不能直接在网络之间进行传输
所以需要先将字符数据编码成二进制数据
常用的可选值:
application/x-www-form-urlencoded 默认值
multipart/form-data 当需要上传文件时,必须使用这个编码方式
注意:表单里面的数据想要提交到服务器,必须提供一个name属性
post提交与get提交的区别:
1、如果是get提交,表单数据会被拼接到地址栏的url后面;而post提交的话不会直接在地址栏显示。
2、post提交相对于get提交,安全性更高。
3、get提交一次可提交的数据不能超过1KB;而post提交时一次可提交的数据没有限制。所以在需要上传文件时,肯定是使用post提交。
常见的表单控件有哪些?
文本框 input:text
密码框 input:password
按钮 使用<button>标签或者input:button生成按钮
<button> 标签定义一个按钮,在 button 元素内部,可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
按钮分类:提交按钮、重置按钮、普通按钮
单选按钮 input:radio 一组单选按钮的name属性必须保持一致
复选框 input:checkbox
下拉列表 select
文本域 textarea
文件上传 input:file
隐藏域 input:hidden
当需要提交某个数据到服务器,但是又不希望被用户看到,就可以使用隐藏域。
<input type="hidden" name="pid" value="1011">
表单其它标签
<label></label> //定义input元素的标注
<fieldset></fieldset> //定义围绕表单中元素的边框
<legend></legend> //fieldset的标题
表单控件的属性
autofocus:自动获取焦点
readonly:只读 不能修改控件的内容
placeholder:表单控件的提示信息 跟value完全不一样
value:表单控件的值
disabled:禁用
required:必填
checked:只能用于单选按钮或者复选框的默认选中
selected:只能用于下拉列表的默认选中
readonly和disabled的区别:
1、被禁用的表单控件背景色是灰色的;但是只读的表单控件背景色是白色的。
2、被禁用的表单控件数据不会被提交,但是只读可以提交。