欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

input属性有哪些(input框属性设置方法)

程序员文章站 2023-11-17 14:10:04
第一种:通过获取dom来获得input值,这个比较常见。input标签获取dom的大概是这四种方式1. 通过iddocument.getelementbyid(“element”...

第一种:通过获取dom来获得input值,这个比较常见。

input属性有哪些(input框属性设置方法)

input标签

获取dom的大概是这四种方式

1. 通过id

document.getelementbyid(“element”).value;

2. 通过class

document.getelementsbyclassname(“element”)[0].value;

3. 通过name属性

document.getelementsbyname(“element”)[0].value;

4. 通过标签名

document.getelementsbytagname(“input”)[0].value;

input属性有哪些(input框属性设置方法)

第二种:通过给form表单添加name属性,然后以对象点的方式获取input的name值。

<html>

<head>

<meta charset=”utf-8″>

</head>

<body>

<form name=”form”>

<input type=”text” name=”element” />

</form>

<script>

function print() {

console.log(form.element.value);

}

print();

</script>

</body>

</html>