input 标签详解
2017-05-02 本文已影响0人
勃王
常用的input标签
- button
一个没有默认行为的推送按钮
- checkbox
一个被选中的盒子，必须使用value属性来确定被提交的数据 用checked属性确认checkbox是否被选中
- file
可以让用户选择一个文件，accept属性限制了能够选择文件的类型。
- hidden
一种不被显示但是里面的值会被传到后台
- image
一个图形化的提交按钮，必须使用src属性来指定图片的地址和alt属性来说明图片未被正确显示时对图片的描述，也可以使用width和height属性来设置图片的大小
- password
一个单线的文板框，里面的文本是被遮住的，用maxlength属性来定义可以输入文本的最大长度
- radio
单选按钮，必须使用value属性来确定被提交的数据使用checked让radio默认被选中。在一个单选框组里面，每个单选按钮必须使用一个name值，只有一个单选框能被选中。
- reset
一个可以重置form表单里所有默认值的按钮.
- submit
用来提交form信息的按钮。
- text
一个单线文本框，自动从输入值中删除换行符。
- required
此属性input标签必填.
- minlength
input标签的最小字节长度
- maxlength
input标签的最大字节长度
- pattern
正则表达式用于验证input标签里的值
在input里，name 有什么作用？
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
radio 如何 分组?
使用相同name值的radio为同组。
placeholder 属性有什么作用?
placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。
该提示会在用户输入值之前显示在输入字段中。
type=hidden隐藏域有什么作用? 举例说明
- 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
- 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
- javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。
例子： 使用hidden实现点击提交按钮数字加1
