HTML DOM Input Tel用法及代码示例

HTML DOM 中的输入 Tel 对象用于表示 type= “tel” 的 HTML 输入元素。 type= “tel” 的输入元素可以使用getElementById() 方法访问。

用法:

它用于访问输入电话对象。

document.getElementById("id");

它用于创建输入元素

document.createElement("input");

示例 1：下面的 HTML 代码说明了如何访问输入电话对象。

HTML


<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Tel Object</h2>
    <input type="tel" id="mytel" value="6753682635">
     
<p>Click the button to get the
        phone number of the Input Tel field.</p>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            // Accessing input value
            var x =
                document.getElementById("mytel").value;
            document.getElementById(
                "demo").innerHTML = x;
        }
    </script>
</body>
</html>

输出：

示例 2：下面的 HTML 代码用于创建输入电话对象。

HTML


<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Tel Object</h2>
     
<p>Click the button to create a input tel field.</p>
    <button onclick="myFunction()">Click Here!</button> <br>
    <br>
    <script>
        function myFunction() {
            // Creating input element.
            var x = document.createElement("INPUT");
            x.setAttribute("type", "tel");
            x.setAttribute("value", "8976353828");
            document.body.appendChild(x);
        }
    </script>
</body>
</html>

输出：

支持的浏览器：

谷歌浏览器 3+
火狐浏览器
边 12+
野生动物园 4+
Opera 11+

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Input Tel Object。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。