Brugere lige nu: 1
Indlæs andet indhold på denne side:
Emnet bruger-input er så omfattende, at jeg har valgt at dele det op i mindre bidder:
Indlæs andet indhold på denne side:
Siden er opdateret 22. 8. 2009
Inputfelter af typen submit lader sig let style med css. En definition i css på input rammer alle elementer uanset type:
input {
border: 1px solid #ccf;
}
Skal kun input af denne type styles, specifiserer man det i css ved at skrive input[type="submit"]:
input[type="submit"] {
border: 1px solid #ccf;
}
<input type="submit" value="Send" />
Denne sidste input-type resulter i, at det udfyldte spørgeskema (formularen) bliver sendt til den emailadresse, som var nævnt øverst i formularen. Knappens tekst er defineret i value. At udelade denne knap fjerner 'lissom' meningen med at lave spørgeskemaet.
En submit kan også laves med en grafisk knap:
<input type="image" src="submit.gif" alt="Send" onclick="form.submit()">
En anden løsning vil være at lægge knapbilledet ind som baggrundsbillede i en submit-knap. Lav denne kode i css:
#subm {
color: #000;
background: #fff url(submit.gif);
border: none;
width: 46px;
height: 17px;
}
#subm img {
vertical-align: bottom;
}
Derefter laver du din submit-knap sådan i formularen:
<input type="submit" id="subm" value=" " />
Du tildeler submit-knappen et id, så du kan styre den med css. Hvis du har tekst på din submit.gif, er du nødt til at lade value i submit være tom. Ellers bliver der skrevet noget ovenpå dit billede.