En este artículo, aprenderemos cómo insertar el número de teléfono del usuario en un formulario HTML. Sabemos que los números de teléfono tienen muchas ventajas Un campo de número de teléfono es el componente importante del formulario. en caso de contacto directo con el usuario. Un usuario también puede recibir varios mensajes o notificaciones sobre los servicios del formulario.
Enfoque: Aquí está el enfoque simple básico para completar la tarea. Los pasos se dan a continuación
- Cree un documento HTML que contenga una etiqueta <input> .
- Utilice el atributo de tipo con la etiqueta <input> que se establece en el valor «tel».
Sintaxis
<input type="tel">
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to add a Telephone number
into a Form using HTML5
</title>
<style>
#Geek_p {
font-size: 30px;
color: green;
}
h1,
h2 {
font-family: impact;
}
</style>
</head>
<body style="text-align: center">
<h1 style="color: green">GeeksForGeeks</h1>
<h2>
How to add a Telephone number
into a Form using HTML5
</h2>
<form>
Name:
<input type="text"
placeholder="Enter your name here--" />
<br />
Address:
<input type="text"
placeholder="Enter your permanent Address" />
<br />
Phone No.:
<input type="tel"
placeholder="Enter phone number" />
<br />
<br />
<button>Submit</button>
</form>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to add a Telephone number
into a Form using HTML5
</title>
<style>
#Geek_p {
font-size: 30px;
color: green;
}
h1,
h2 {
font-family: impact;
}
</style>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h2>
How to add a Telephone number
into a Form using HTML5
</h2>
<form>
Phone No.:
<input type="tel"
placeholder="Enter phone number" />
<br />
<br />
<button>Get OTP</button>
</form>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA