HTML <input type="text">

HTML <input type="tel">

Last Updated : 20 May, 2024

The HTML <input type="tel"> element creates a telephone number input field, specifically designed for entering phone numbers. It provides features like input validation for telephone numbers and may include special characters like parentheses and hyphens for formatting. This element helps ensure that users enter phone numbers correctly in web forms.

Syntax

<input type="tel">

Example: This example demonstrates the use of HTML <input type="tel"> element.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>HTML Input Type Tel</title>
</head>

<body style="text-align:center;">
    <h2>HTML &lt;input type="tel"&gt;</h2>

    <form action="#">
        <label for="contact">Phone No:</label>
        <input type="tel" id="contact" 
            pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" 
            required />

        <input type="submit" value="Submit">
    </form>
</body>

</html>

Output

HTML-Input-Type-Tel

Supported Browsers

Chrome 3
Edge 12
Firefox
Opera 11
Safari 4

HTML <input type="text">

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <input type = "button">

The HTML <input type="button"> element creates a clickable button that can be customized with text or an image. It does not have any default behavior but can be used to perform actions using JavaScript. It makes versatile for various interactive purposes in web forms and applications. Syntax

HTML <input type="checkbox">

The HTML <input type="checkbox"> creates a checkbox input element. It displays as a square box, checked when activated. Checkboxes enable users to select one or more options from a limited set of choices. Syntax <input type="checkbox"> Example: In this example, we will demonstrate using

HTML <input type="color">

The HTML <input type="color"> element is used to define a color picker. The value should be a seven-character hexadecimal notation representing RGB values in hexadecimal format. Its default value is #000000 (black). Syntax<input type="color"> Example: In this example, we will demonstrate

HTML <input type="date">

The HTML <input type="date"> element provides a date picker interface for selecting dates. It allows users to input dates using a calendar widget, ensuring standardized date input across different browsers and devices.Â Syntax<input type="date">Example:Â In this example, the HTML <inpu

HTML <input type="email">

The HTML <input type="email"> is used to create an input field specifically for email addresses. It automatically validates the input to ensure it follows the correct email format. Adding the "multiple" attribute allows the user to input multiple email addresses, separated by commas.Syntax<

HTML <input type="file">

The HTML <input type="file"> element is used to create a file input box in forms. It allows users to browse and select files to upload from the devices. When the form is submitted, the selected file(s) can be uploaded to the server. Syntax<input type="file"> Example: In this example, we

HTML <input type="hidden">

The HTML <input type="hidden"> element defines a hidden input field. Hidden fields store data that are not visible or modifiable by users when they submit a form. They are useful for including data that needs to be sent with the form but does not need to be displayed. Syntax<input type="hid

HTML <input type="image">

The HTML <input type="image"> element defines an image as a submit button within a form. When the image is clicked, the form is submitted, similar to a regular submit button. It allows for more visually appealing form submissions, as the image can serve as the button instead of a plain text or

HTML <input type="month">

The HTML <input type="month"> element creates a month picker, allowing users to select a specific month and year without specifying a day. It provides a standardized way to input month-based data to enhance user experience. Syntax<input type="month"> Example: This example demonstrate the

HTML <input type="number">

The HTML <input type="number"> element creates an input field for entering numeric values. It allows for easy input of numbers with optional restrictions such as minimum, maximum, and step values. This element enhances form validation by ensuring only numeric input is accepted, improving user