ad

Tuesday, November 8, 2022

Html Form Pattern attribute

    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



Password Tag

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

Homepage attributes use

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 :-

Autofocus attribute use

READ MORE

html heading tag

html image tag

css Border bottom property

No comments:

Post a Comment