I'm planing to add an image into the input field so if you click on that image the text in the input field will be clear. I'm planing to use absolute positioning. My question is which html tag is the best candidate for this situation?Here is the code that I use.\[code\]<DOCTYPE html> <head> <title></title> <style> #search_form { width: 380px; height: 110px; position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#43689a), to(#6399e7)); } #search_form input { width: 300px; height: 30px; border-radius: 18px; border: 1px solid #ccc; margin-left: 70px; margin-top: 40px; padding-left: 36px; } #search_form input:focus { outline: none; } #search_form button { position: absolute; width: 16px; height: 16px; background: url(f.png) no-repeat 50% 50%; border: 0; top: 47px; left: 85px; cursor: hand; text-indent: -9999px; } </style> </head> <body> <div id="search_form"> <form> <input type="text" placeholder="Search...."> <button>Submit</button> </form> </div> </body></html>\[/code\]
Which is the right html tag in this situation
- Thread starter biggeorge
- Start date