以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>Input Type Number Example</title>
</head>
<body>
<label for="myNumber">Enter a number: </label>
<input type="number" id="myNumber" value="0">
</body>
</html>
在这个例子中，我们创建了一个 type="number" 的输入框，允许用户输入数字。通过 value 属性，我们可以设置输入框的默认值为 0。
通过 JavaScript，你可以动态更改输入框的 type 属性，但要注意，将 type 属性从 number 更改为其他类型可能导致用户输入的数据不再受到数字限制。
以下是一个使用 JavaScript 动态更改输入框类型的例子：
<!DOCTYPE html>
<html>
<head>
<title>Dynamic Input Type Example</title>
</head>
<body>
<label for="myNumber">Enter a number: </label>
<input type="number" id="myNumber" value="0">
<button onclick="changeInputType()">Change Input Type</button>
<script>
// 获取对数字输入框的引用
var numberInput = document.getElementById("myNumber");
// 动态更改输入框的类型
function changeInputType() {
numberInput.type = "text";
}
</script>
</body>
</html>
在这个例子中，点击按钮后，JavaScript 会将输入框的类型从 number 更改为 text。
转载请注明出处：http://www.zyzy.cn/article/detail/4497/HTML