首页 > 代码库 > html5 填表 表单 form label input button legend fieldset

html5 填表 表单 form label input button legend fieldset

技术分享

 

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

技术分享

技术分享

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

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

    <input name="usr">

    <button>提交</button>

</form>

 

技术分享

2.enctype    一般用multipart/form-data

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

4.novalidate

<input>        提供输入的文本框

 

技术分享

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

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

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

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

技术分享

<lable>    lable可以利用css化妆

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

技术分享

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

    <label>

        <input…>…

    </label>

 

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

技术分享

 

 

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

技术分享

<legend> 分组标签

技术分享

<button> 提交表单或者链接

技术分享

type:

    submit    提交

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

    button     配合js 触发特定事件

button的其他属性:

技术分享

技术分享

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

html5 填表 表单 form label input button legend fieldset