Create Email Input Field in HTML (Step-by-Step Guide)
What is html <input type="email">
✷The HTML email input type (<input type="email">) is designed to create a form field where users can input their email addresses.
✷This specific input type was introduced in HTML5 to help ensure that users enter data in a valid email format.
✷As users type an email, the browser automatically verifies that the input contains necessary components such as “@” and a domain name (e.g., example@gmail.com).
✷ This integrated validation aids in minimizing errors and enhances the quality of form
✷submissions without requiring additional JavaScript. If an invalid email is entered by the user,
the browser displays a warning message and prevents the form from being submitted until a valid format is used. <input> element with type="element"
Email use number, letter, characters , digit ,alphabetical Upper and lowercase
Syntax:
<input type="email" name="email>
html <input type="email">
Example
<!DOCTYPE html>
<html>
<body>
<h1>Email tag </h1><br>
<form>
Email: <br>
<input type="email" name="email"><br><br>
<input type= "submit"> <br>
</form>
</body>
</html>
html <input type="email">
Explain program
Step 1 ]
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
Step 2 ]
<html> and </html>
html is the root element.
<html> and </html>
html is the root element.
Step 3 ]
<body> and </body>
body is main content area.
All visible content inside to the <body> tag
<body> and </body>
body is main content area.
All visible content inside to the <body> tagStep 4]
<h1> email id </h1>
displays large heading title "email tag"
Step 5]
<form> .......</form>
a form that enter an email
Step 6]
<input type="email" name="email"><br><br>
field user enter an email
Step 6]
<input type=input type="submit"> <br>
input type =" button submit the form
Value = "submit" - text set button text
Post a Comment