Hindi, asked by madhukargyanendra, 9 months ago

2. nidar ka bhavvachak

Answers

Answered by deepsen640

$<!DOCTYPE html> <html> <head> <style>  input[type=text] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }  input[type=text1] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 4px solid steelblue; border-radius: 4px; }  input[type=text2] { width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-image: url ('sicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; }  input[type=text3] { width: 130px; box-sizing: border-box; border: 3px solid steelblue; border-radius: 4px; font-size: 16px; background-color: white; background-image: url('sicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } input[type=text3]:focus { width: 60%; } </style> </head> <body> <h3>Padded Text fields:</h3> <form> <label for="fname">First Name </label> <input type="text" id="fname" name="fname"> <label for="fname">Last Name</label> <input type="text" id="lname" name="lname"> </form> <h3> Bordered Text Fields</h3> <form> <label for="fname">First Name</label> <input type="text1" id="fname" name="fname"> <label for="lname">Last Name</label> <input type="text1" id="lname" name="lname"> </form> <h3>Text Fields with icon/image </h3> <form> <input type="text2" name="search" placeholder="Search.."> </form> <h3> Animated Text Field </h3> <form> <input type="text3" name="search" placeholder="Search.."> </form> </body> </html>$

Previous Question

Next Question

2. nidar ka bhavvachak ​

Answers

2. nidar ka bhavvachak