Avatar billede foxmulder58 Praktikant
20. juni 2005 - 17:03 Der er 19 kommentarer og
1 løsning

Hvordan farver man en <form>?

Hej eksperter,

hvis man har en <form> så har jeg set at man kan farve baggrunder samt anterne for denne men hvordan gør man det??


mvh
Mads
Avatar billede claus_joergensen Nybegynder
20. juni 2005 - 17:05 #1
<form style="background: black; color: white;">

</form>

?? <form> er et block element, så det kan du godt.
Avatar billede roenving Novice
20. juni 2005 - 17:05 #2
Ja, lige udad landevejen:

<form id="minForm" name="minForm" style="background:#abc;border:2px solid red;">
Avatar billede claus_joergensen Nybegynder
20. juni 2005 - 17:06 #3
og kanterne kaldes: border , det er hele er normalt CSS.

www.html.dk/tutorials/css << LÆS den , grundigt.
Avatar billede apo Praktikant
20. juni 2005 - 17:06 #4
Du kan f.eks. nøjes med at lægge en div uden om formen:

<div style="border:1px solid #000000; background-color:#C3C3C3;"><form>[Formularindhold]</form></div>
Avatar billede apo Praktikant
20. juni 2005 - 17:08 #5
Men det er måske mere hensigtsmæssigt at style selve formen...
Avatar billede roenving Novice
20. juni 2005 - 17:12 #6
-- og en måske mere spændende mulighed er at bruge <fieldset>

<fieldset style="background:#abc;border:2px solid red;"><legend>Mit feltområde</legend>
<input id="minInput" name="minInput" type="text" value="Tom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br><input id="minInput2" name="minInput2" autocomplete='off' type="text" value="Tom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
</fieldset>
Avatar billede claus_joergensen Nybegynder
20. juni 2005 - 17:15 #7
var javascript delen nu også nødvendig roenving :-]

Fieldset er nice, specielt i Internet Explorer, da den får runde hjørner.
Fieldset er også designet til <form>'s hvis du læser beskrivelse hos w3c
Avatar billede roenving Novice
20. juni 2005 - 17:18 #8
Tjah, jeg var egentlig ved at fjerne den, men så kunne mads foxmulder jo også lige få den med, det er taget fra en af mine standard-templates !-)
Avatar billede foxmulder58 Praktikant
20. juni 2005 - 17:30 #9
<form style="background: black; color: white;">

</form>
--------> den kode farver hele baggrunden i den form som jeg laver --> jeg tænker mere på noget i stil med det her:

http://www.sjat.com/Hesselohus/html/opslagstavlen.htm

hvordan har han manipuleret med størrelse og farver på disse?


mvh
Mads
Avatar billede claus_joergensen Nybegynder
20. juni 2005 - 17:30 #10
nå, vi må vist heller droppe nogle svar.

Her er et fra mig, da jeg ikke kommer tilbage lige med det samme :P
Avatar billede claus_joergensen Nybegynder
20. juni 2005 - 17:31 #11
foxmulder58

please lær det grundlæggende HTML og CSS , istedet for at blive ved med at få os til at skrive præcist hvad der står i 50% af verdens tutorials.

Det er <input>'s der er stylet, ikke <form> !
Avatar billede roenving Novice
20. juni 2005 - 17:34 #12
-- og du kan jo simpelthen bruge Vis kilde !-)
Avatar billede foxmulder58 Praktikant
20. juni 2005 - 17:49 #13
ja ok jeg kigger den tutorial igennem. Smider i et svar gutter?

mvh
Mads
Avatar billede foxmulder58 Praktikant
20. juni 2005 - 17:55 #14
jeps nu har ihvertfald lige grundpricippet i den...men den CSS tutorial er den fyldestgørende for CSS2.....jeg har også Learning CSS2 CD-ROM Tutorial fra www.lynda.com denburde jeg måske nok kigge lidt på...jeg har faktisk sindssyg mange bøger om alt mulig IT relateret jeg gider bare aldrig læse i dem da jeg er ordblind og det tager mig så lang tid.....

har faktisk kun læst dem UNI tvang mig til bl.a. XML til WWW og den havde jeg svært ved at forstå men bestod dog eksamen he he




tak for hjælpen allesammen!


mvh
mads
Avatar billede foxmulder58 Praktikant
20. juni 2005 - 18:06 #15
Mr. Roenving ---> please check in at the reception please...there are some points waiting her for you!

mvh
Mads
Avatar billede foxmulder58 Praktikant
21. juni 2005 - 01:02 #16
roenving er du der??

mvh
Mads
Avatar billede roenving Novice
21. juni 2005 - 10:02 #17
Els tak, jeg springer over !-)
Avatar billede foxmulder58 Praktikant
21. juni 2005 - 16:39 #18
hvorfor springer du over?

mvh
Mads
Avatar billede roenving Novice
21. juni 2005 - 16:44 #19
claus havde jo svaret, og jeg ville bare sikre mig, at du fik border-tingen med !-)
Avatar billede foxmulder58 Praktikant
21. juni 2005 - 18:03 #20
ok så accepterer jeg claus`s svar

ha det godt


mvh
mads
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester