<form> og <input> - CSS

CSS koder til <form> og <input> som kan give forskelligt udseende alt efter om det brugeren indtaster er gyldigt eller ej

Introduktion

Med CSS3 Basic User Interface Module kan man style <input> elementerne i en formular.

<input> elementerne kan løbende skifte udseende alt efter om det brugeren indtaster er gyldigt eller ej.
Så behøver brugeren ikke at sende formularen for at få feedback på om formularen er korrekt udfyldt.

Demo










Resultatet ovenfor er skabt af følgende kode

Syntax


indeterminate attribut

CSS koden :indeterminate kan også bruges til at bestemme udseendet af en checkbox hvor indeterminate attributten sat i JavaScript.
1 :
2 : (Udseendet valgt med CSS) Virker i Opera 11.62 og Safari 6.0
Resultatet ovenfor er skabt af følgende kode

range type i forskellige størrelser

Med CSS kan man ændre højden og bredden på <input> elementer.

Hvis "range" er højere end den er bred så kan forskyderen blive lodret (virker i Opera).
Hvis "range" er lige høj og bred så kan forskyderen blive cirkulær som et ur (virker i skrivende stund ikke i nogen browsere).
Tal med forskyder ("range") :
(standard)
(lodret. Bliver lodret i opera)
(cirkulær. Ser ikke ud til at blive rund i nogen browsere endnu)
Resultatet ovenfor er skabt af følgende kode

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.