HTML DOM Input Number type 属性
htmlweb developmentfront end technology更新于 2024/5/29 15:40:17
HTML DOM Input Number type 属性与 type="number" 的输入元素关联。它始终会为输入数字元素返回数字。
语法
以下是 Input Number type 的语法
numberObject.type
示例
让我们来看一个 HTML DOM 输入数字类型属性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input Number type property</h1>
PHONE NO: <input type="number" id="NUMBER1">
<p>Get the above element type by clicking the below button</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}
</script>
</body>
</html>
输出
这将产生以下输出 −
点击"获取类型"按钮 −
在上面的例子中 −
我们创建了一个类型为数字的输入字段，其 ID 设置为"NUMBER1"。
PHONE NO: <input type="number" id="NUMBER1">
然后我们创建了"获取类型"按钮，当用户点击时将执行 getType() 方法 −
<button onclick="getType()">Get Type</button>
getType() 方法使用 getElementById() 方法获取输入元素，并将其 type 属性值赋给变量 t。然后，该变量将使用其 innerHTML 属性显示在 id 为"Sample"的段落中。 −
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
