html5 填表 表单 form label input button legend fieldset

html5 填表 表单 form label input button legend fieldset_第1张图片

 

本身没有什么意义, 但是某些依赖form的标签元素一旦没有了form就不能生效. 所以form是提供一个定义环境给form的插件元素去生效的.

html5 填表 表单 form label input button legend fieldset_第2张图片

1.method 属性post一般用表单提交, 而get 一般用超链接提交. 如果用post提交百度就会出错.或者返回的链接不会带有?user=

method="post" action="http://www.baidu.com">

     name="usr">

    

 

html5 填表 表单 form label input button legend fieldset_第3张图片

2.enctype    一般用multipart/form-data

3.autocomplete on/off      下拉提示,与点击自动完成

4.novalidate

        提供输入的文本框

 

html5 填表 表单 form label input button legend fieldset_第4张图片

    name 属性规定 input 元素的名称。

name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

value 哪怕打字, 本来也会出现的文本信息. 比如 搜索栏里面默认value"王宝强离婚" 那用户就省去输入的时间.

form        配合id使用,可以从外挂钩到表单内部. 用于一个数据挂钩多个表单.

type        限制输入内容,比如数字的只能输入数字, 输入法读取到inputtype后会自动弹出相应的触摸键盘, 传送门

html5 填表 表单 form label input button legend fieldset_第5张图片

    lable可以利用css化妆

    for 属性    输出label化妆效果到指定标签id.    for 可以同时化妆多个区域标签.

    如果label 不使用 for 什么id 去化妆指定区域, 那还有一种方法就是把指定区域,label 括起来

    

        

    

 

for from的区别, from 是引用提取数据""进去等待填充, for是输出数据 ""出来就绪服务输出, 好邪恶……

html5 填表 表单 form label input button legend fieldset_第6张图片

 

 

可以做整体的化妆, 整体的禁用, 还有一个明显的框表示.

html5 填表 表单 form label input button legend fieldset_第7张图片

分组标签

转载于:https://www.cnblogs.com/billvvv/p/7027003.html

你可能感兴趣的:(html5 填表 表单 form label input button legend fieldset)