2009-08-21 7 views
1

Je le formulaire ci-dessousest-il possible de supprimer la valeur de zone de texte avec css: focus

<form id="enter_email" method="post" action=""> 
     <input type="text" value="enter email" /> 
     <input type="image" src="images/buttons/join-now.png" /> 
    </form> 

Je me demandais si je peux supprimer la valeur qui affiche sur la zone de texte simplement css: se concentrer seul ,

merci

+0

Mis-compris, bon aussi voir les buses sont encerclant avec leurs talons de vote vers le bas. – Zoidberg

+0

J'ai fait une démo de code de recherche de boîte de recherche avec le bouton d'effacement. Ceci est fait complètement en CSS http://codepen.io/shidhincr/pen/ICLBD –

Répondre

6

Non, vous devez utiliser un script pour cela.

<input id="txt1" type="text" value="test value" onfocus="this.value='';" /> 
1

Non, vous ne pouvez pas modifier les données en utilisant CSS. Vous devez utiliser JavaScript et affecter la valeur de l'élément à une chaîne vide.

+0

Il n'y a pas de propriété innerHTMl pour la zone de texte – rahul

+0

innerHTML est une propriété JavaScript. –

+0

Vous ne pouvez pas définir innerHTML pour le texte de type d'entrée – rahul

2

Il y a plusieurs façons de CSS à prepend/append content à un certain élément, mais rien pour modifier les valeurs d'attribut. Mais, si vous voulez vraiment faire usage de CSS pour cela, vous pouvez avoir du texte en tant que background-image à cette entrée et juste changer le background sur :focus.

Questions connexes