input标签value属性 input标签隐藏
老铁们,大家好,相信还有很多朋友对于input标签value属性和input标签隐藏的相关问题不太懂,没关系,今天就由我来为大家分享分享input标签value属性以及input标签隐藏的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
input标签的六大属性分别是什么
属性值
描述
button定义可点击按钮(多数情况下,用于通过 JavaScript启动脚本)。
checkbox定义复选框。
file定义输入字段和"浏览"按钮,供文件上传。
hidden定义隐藏的输入字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20个字符。
jquery获取input标签的value
1、新建一个html文件,命名为test.html。
2、在test.html文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。
3、在test.html文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数
5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。
6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。
input标签杂用
input标签
<input type="---" name="---"..../>是个单标签,没有结束标签,它必须嵌套在表单标
签中使用,用于定义一个用户输入项。
<input>标签主要有六个属性:type、name、size、value、maxlength和checked,其中
name和type是两个必选属性。
name属性的参数值是相应处理程序中的变量名,Web服务器将把这条输入信息的值赋
予name属性规定的变量。type属性用于指定该输入项提供的输入方式即指出浏览者输入的
值是什么类型的。
在不同的输入方式下,<input>标签的格式略有不同,其他五种属性因type的类型不
同,含义也不同。
type属性主要有九种类型:text、password、radio、checkbox submit、reset、image、
hidden和file。
<1>.text的用法
表示该输入项的输入信息是字符串。此时,浏览器会在相应的位置显示一个文本框供用户
输入信息。此文本框是一个只能输入一行文字的输入框。当type=text时,<input>标签除
了有2个不可缺省的属性name和type外,还有3个可选的属性:value、size和maxlength。
1.size属性:用于指定文本框的长度,默认值为20,以字节为单位。
2.value属性:设定预先出现在文本框中的内容。
3.maxlength属性:表示该文本框允许用户输入的最大字符数。此值总是大于或等于
size属性的参数值。当输入的字符数超过文本框的长度时,用户可以通过移动光标来查看超
过部分的内容。
看下面的例子:
在文本文件写下面的内容,保存为.html格式,用ie浏览器打开:
<form id="form1" name="form1" method="post" action="">
姓名<input type="text" name="textfield"/>
<input type="submit" name="Submit" value="提交"/>
<input type="reset" name="Submit2" value="重置"/>
</form>
<2>.提交按钮submit与重置按钮reset
当type=submit时,浏览器会在相应的位置产生一个提交按钮。当用户单击该按钮时,浏览器就会将表单的输入信息传送给服务器。提交按钮的name属性是可以缺省的。除name属性外,它还有一个可选的属性value,用于指定显示在提交按钮上的文字。value属性的缺省值是“提交查询内容”。在一个表单中必须有提交按钮,不然将无法向服务器传送信息。
当type=reset时,浏览器会在相应位置产生一个重置按钮。当用户单击该按钮时,浏览器就会清除表单中所有的输入信息而恢复到初始状态。重置按钮的name属性也是可以缺省的。除name属性外,它也有一个可选的属性value,用于指定显示在清除按钮上的文字。value属性的缺省值是“重置”。
一般来说,提交与重置按钮应同时出现。
<3>.password类型与text类型使用起来很相似,不同之外只是当浏览者输入内容时,不显示所输入的内容,而是用星号“*”来代替每个密码字符,以保证密码的安全。我们在申请一张个人空间信息表时会遇到过这种情况.
文章到此结束,如果本次分享的input标签value属性和input标签隐藏的问题解决了您的问题,那么我们由衷的感到高兴!