Prev Demo
Form With Background Image
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> input[type=text] { width: 100%; box-sizing: border-box; border: 2px solid black; border-radius: 4px; font-size: 16px; background-color: white; background-image: url('http://techfunda.com/HTPictures/Generics/7-635924860703290881.JPG'); background-position: 10px 3px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; height:100px; } </style> </head> <body> <p>Input with background image :</p> <form> <input type="text" name="search" placeholder="Type"> </form> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
