vedi se questa soluzione ti piace:
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Titolo</title> <script> </script> <style type="text/css"> <!-- #avviso { width:220px; height:20px; background-image: url(images/avviso.jpg); background-repeat: no-repeat; visibility: hidden; float: left; text-align: center; } #cerca { float: left; height: 20px; width: auto; } --> </style> </head> <body> <form action="" method="post" name="f1"> <div id="cerca"> <input type="text" name="search" size="18" value="Cerca per codice" onfocus="if(this.value=='Cerca per codice'){this.value='';document.getElementById('avviso').style.visibility='visible'}" onblur="if(this.value==''){this.value='Cerca per codice';document.getElementById('avviso').style.visibility='hidden'}" onkeyup="if(this.value.substring(0)){document.getElementById('PulsanteCerca').disabled=false}else{document.getElementById('PulsanteCerca').disabled=true}"> <input type="submit" name="PulsanteCrca" id="PulsanteCerca" value="Cerca" disabled="disabled" /> </div> <div id="avviso">Scrivi per bilitare il tasto</div> </form> </body> </html>
Rispondi quotando