input属性值?input控件的常用属性
各位老铁们好,相信很多人对input属性值都不是特别的了解,因此呢,今天就来为大家分享下关于input属性值以及input控件的常用属性的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!
input标签的六大属性分别是什么
属性值
描述
button定义可点击按钮(多数情况下,用于通过 JavaScript启动脚本)。
checkbox定义复选框。
file定义输入字段和"浏览"按钮,供文件上传。
hidden定义隐藏的输入字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20个字符。
HTML5中input元素新增加哪些type属性值它们有什么作用
在HTML5中,为input元素新增了以下一些type属性值,用来丰富文本框的类型。
color:用于指定颜色的控件。
date:用于输入日期的控件(年,月,日,不包括时间)。
datetime:基于 UTC时区的日期时间输入控件(时,分,秒及几分之一秒)。
datetime-local:用于输入日期时间控件,不包含时区。
email:用于编辑 e-mail的字段。
month:用于输入年月的控件,不带时区。
number:用于输入浮点数的控件。
range:用于输入不精确值控件。
search:用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
tel:用于输入电话号码的控件。
time:用于输入不含时区的时间控件。
url:用于编辑URL的字段。。
week:用于输入一个由星期-年组成的日期,日期不包括时区。推荐你去一个教学网站秒秒学上把这些知识过一遍,夯实下基础。
怎么用js获取表单里input标签下的name参数的值并修改
一、设计思路如下:
1、通过getElementsByTagName把input对象取出来。
2、通过.name对input的那么属性进行赋值。
二、实例演示代码如下:
1、设计一个html页面,包括一个input和按钮,通过按钮修改input的name属性,并展示在input的value中。
2、执行函数如下:用getElementsByTagName把所有的input对象取出来,通过.value的方式赋值。
3、此时的页面展示如下:
4、查看Dom节点,其name属性为:
5、点击按钮,查看执行效果:
6、查看DOM节点,input的name属性如下:
END,本文到此结束,如果可以帮助到大家,还望关注本站哦!