El objeto Tel de entrada en HTML DOM se utiliza para representar un elemento de entrada HTML con tipo = «tel». Se puede acceder al elemento de entrada con type= “tel” usando el método getElementById().
Sintaxis:
- Se utiliza para acceder al objeto tel de entrada.
document.getElementById("id");
- Se utiliza para crear un elemento de entrada.
document.createElement("input");
Ejemplo: El siguiente código HTML ilustra cómo acceder al objeto Input Tel.
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>
Producción:
Ejemplo 2: debajo del código HTML utilizado para crear el objeto Input Tel.
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>
Producción:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA