input属性type有多少个(Input元素中type属性的类型)

编程之家2026-06-09891次浏览

大家好，今天小编来为大家解答input属性type有多少个这个问题，Input元素中type属性的类型很多人还不知道，现在让我们一起来看看吧！

input type属性：

button定义可点击按钮

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：用于输入一个由星期-年组成的日期，日期不包括时区。推荐你去一个教学网站秒秒学上把这些知识过一遍，夯实下基础。

使用jquery的each()方法遍历就可以了。具体实现方法如下：

假设该div的id为textbox，获取内部所有input[type='text']的代码：

$("#textboxinput[type='text']").each(function(){alert($(this).val())});

扩展资料

可以通过type的值来获取input中的值

可以通过name的值来获取input中的值

选择器

jQuery选择器允许您对 HTML元素组或单个元素进行操作。

jQuery选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML元素。它基于已经存在的CSS选择器，除此之外，它还有一些自定义的选择器。

jQuery中所有选择器都以美元符号开头：$()。

参考资料来源：MDN web docs官方网站-<input>：输入（表单输入）元素

关于input属性type有多少个，Input元素中type属性的类型的介绍到此结束，希望对大家有所帮助。