Små problem med formulär

Om IE hade haft stöd för attributs-selektorer hade du kunnat skriva

input[type=radio] { vertical-align: middle; }
input[type=submit], input[type=text] { font-size: 0.8em; }

och låta HTML-koden vara som den är.

Nu har tyvärr inte IE något stöd för sådana selektorer, vilket gör att du för lösa det på något annat sätt, t ex generellt för alla input-element:

input { vertical-align: middle; font-size: 0.8em; }

Eller genom klasser:

.radioInput { vertical-align: middle; }
.textInput { font-size: 0.8em; }

och sedan applicera klasserna på respektive input-element.

Visst ja, så kan jag göra. Jag har en fråga till. Jag skulle vilja att texten "Din e-post här" försvinner när man klickar i textrutan för att skriva något. Jag har sett det på andra sidor.

Två varianter. Bara att välja och vraka!

<input onfocus="this.value = ''"...

<input onfocus="this.value = ''" onblur="this.value = 'Din e-post här'"...

:)

Bra tackar, men observera att om jag använder "onblur" så skickas "Din epost här" när jag trycker på Submit istället för det som användaren skrivit in. Men jag kör utan den i det här fallet.

Skogenskonung skrev:

Bra tackar, men observera att om jag använder "onblur" så skickas "Din epost här" när jag trycker på Submit istället för det som användaren skrivit in. Men jag kör utan den i det här fallet.

Det går att avhjälpa, om man vill:

<input onfocus="this.value = ''" onblur="if (this.value == '') this.value = 'Din e-post här'"..