Pattern attribute
1) Password attributes
<input>element with type="password"
Password must be contain 8 or more characters
password use the least one number, and one uppercase and lowercase letter.
Password attributes Example
<!DOCTYPE html>
<html>
<body>
<p> form tag password field that must be contain 8 or more characters that
are of at least one number, <br>and one uppercase and lowercase letter:</p>
<form>
Password:
<input type="password" name="pw pattern="(?= "d)?= "[a-z])(?=" [A-Z]) (B)"
title="Must contain at least one number and one uppercase and lowercase letter,
and at least 8 or more characters">
<br><br>
<input type="submit">
</form>
</body>
</html>
Password attributes output
2) 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
3) Autofocus attribute
Autofocus attribute
Example :-
<!DOCTYPE html>
<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
No comments:
Post a Comment