Pattern attribute
1) password attributes
<input> element with type="password"
Password contains 6 or more characters
Password Attributes Example
<!DOCTYPE html>
<html>
<body>
<h1>password Tag</h1>
<form>
Password: <br>
<input type="password" name="pw" pattern="(6,}" title="Six or more characters"><br><br>
<input type="submit">
</form>
</body>
</html>
Password Attributed output
2) Password attributes
Password attributes Example
Password attributes output
3) Email attributes
Email attributes Example
Email attributes output
4) Homepage attributes
<input> element type="url"
Email attributes Example
<!Doctype html>
<html>
<Body>
<H1> Homepage attributes </h1>
<form>
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include http://">
<input type="submit">
</form>
</body>
</html>
Homepage attributes output
5) Autofocus attribute
Autofocus attribute
<html>
<body>
<h3>Autofocus Demo</h3> <form>
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="name" name="fname"autofocus><br><br>
<label for="lname">Last name:</label>
<input type="text" I'd="lname" neme="lname"><br><br>
<input type="submit">
</form>
</body>
</html>
Autofocus attribute
output :-
READ MORE
