<form>
创建一个HTML表单
属性:
action 表示提交表单时浏览器应该把用户填写的数据发送到什么地方
method 用来指定表单数据发送到服务器的方式。允许值有get和post两个
enctype 用来指定浏览器发送给服务器的数据编码方式。该属性可用值有三个
值 | 说明 |
application/x-www-form-urlencoded | 这是默认编码方式。它不能用来将文件上传到服务器 |
multipart/form-data | 该编码方式用于将文件上传到服务器 |
text/plain | 该编码方式因浏览器而异。详见下面说明 |
- application/x-www-form-urlencoded是默认的编码方式,除了不能用来上传文件到服务器外,它适用于各种类型的表单。采用这种编码后的数据格式如下:
name=王尼玛&age=18
- multipart/form-data主要用来把文件上传到服务器。它的编码格式更加复杂
- text/plain不同的浏览器有不同的编码方式,请谨慎使用。例如text/plain在Firefox中的数据编码形式是下面的形式:
name=王尼玛 age=18
而在Chrome则和application/x-www-form-urlencoded编码形式一样
autocomplete 表示允许浏览器自动填写表单,它有两个属性值:on和off。默认为on,off表示关闭浏览器自动填写表单功能
target 和a元素的target功能一样,用来设置浏览器反馈信息显示方式。属性值如下:
值 | 说明 |
_blank | 将浏览器反馈信息显示在新窗口自(或浏览器新标签页)中 |
_parent | 将浏览器反馈信息显示在父窗口组中 |
_self | 将浏览器反馈信息显示在当前窗口中(这是默认行为) |
_top | 将浏览器反馈信息显示在顶层窗口中 |
<frame> | 将浏览器反馈信息显示在指定frame中 |
name 用来为表单设置一个独一无二的标识符。
<input>
用于搜集用户信息
属性:
属性 |
值 |
描述 |
accept | mime_type | 规定通过文件上传来提交的文件的类型。 |
alt | text | 定义图像输入的替代文本 |
autocomplete | on/off | 和form 表单的autocomplete功能一样 |
autofocus | autofocus | 规定输入字段在页面加载时是否获得焦点 |
checked | checked | 规定此input元素首次加载时应当被选中 |
disabled | disabled | 禁用input元素 |
form | fromname | 指定input属于哪个表单 |
formaction | url | 覆盖表单的action属性 |
formenctype | 覆盖表单的enctype属性 | |
formmethod | 覆盖表单的method属性 | |
height | datalist-id | 映入包含输入字段的预定义选项的datalist |
max | number | 规定输入字段的最大值 |
min | number | 规定输入字段的最小值 |
pattern | regexp=pattern | 规定输入字段的正则表达式 |
placeholder | text | 规定帮助用户填写输入字段的提示 |
readonly | readonly | 规定输入字段为只读 |
step | number | 规定input 的步长 |
type |
button checkbox file hidden image password radio reset submit text number range date color |
规定input的元素类型 |
<label>
为表单中每一个元素提供说明
属性:
for 指定label绑定到哪个元素,值为元素id
from 指定属于哪个form元素,值为form元素id