数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会研究
时尚研究
法律研究HTML DOM Input 数值属性
HTML DOM 输入 number 类型属性与具有 type=”number” 的 input 元素关联。对于输入 number 元素，它始终会返回 number。
语法
number 类型属性的语法如下 −
numberObject.type
示例
让我们看一个 HTML DOM 输入 number 类型属性示例 −
<!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>输出
这将生成以下输出 −
单击“获取类型”按钮 −
在上面的示例中 −
我们创建了一个 type 为 number 的输入字段，并将 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;
}
更新日期：2021 年 2 月 19 日
176 次浏览
广告