html5 填表 表单 form label input button legend fieldset

时间:2022-11-06 12:52:42

html5 填表 表单 form label input button legend fieldset

 

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

html5 填表 表单 form label input button legend fieldset

html5 填表 表单 form label input button legend fieldset

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

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

    <input name="usr">

    <button>提交</button>

</form>

 

html5 填表 表单 form label input button legend fieldset

2.enctype    一般用multipart/form-data

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

4.novalidate

<input>        提供输入的文本框

 

html5 填表 表单 form label input button legend fieldset

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

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

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

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

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

html5 填表 表单 form label input button legend fieldset

<lable>    lable可以利用css化妆

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

html5 填表 表单 form label input button legend fieldset

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

    <label>

        <input…>…

    </label>

 

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

html5 填表 表单 form label input button legend fieldset

 

 

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

html5 填表 表单 form label input button legend fieldset

<legend> 分组标签

html5 填表 表单 form label input button legend fieldset

<button> 提交表单或者链接

html5 填表 表单 form label input button legend fieldset

type:

    submit    提交

    reset    重置 input的 value是空, 否则就是value对应的文本

    button     配合js 触发特定事件

button的其他属性:

html5 填表 表单 form label input button legend fieldset

html5 填表 表单 form label input button legend fieldset

form 包括button, 但 button 如果有特殊设置, 就以button的属性为优先处理.忽略form的冲突项.