CSS-styling des form-tags
Soweit ich informiert bin, eine <form></form>
tag soll unsichtbar zu sein, als Teil einer Webseite ist, und dass beim entwerfen eines Formulars, sollte man die Verwendung von div-tags (oder gleichwertig) zur Darstellung der physischen form, die Struktur.
Ist es akzeptabel (gemäß den standards des W3C) für CSS-ein <form></form>
tag? und kann jemand mich in die richtige Richtung für Literatur über dieses Thema?
- Ja, Sie können es Stil. Offizielle Literatur existiert nicht explizit für das styling der
form
tag, weil es ist nur ein weiterer tag.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Soll Sie stellen eine form. Das ist auf jeden Fall sichtbar, was
<div>
ist der tag-der Letzte Ausweg. Verwenden Sie es, wenn etwas besser geeignet (wie<form>
oder<fieldset>
) nicht vorhanden ist.Baring bugs in Browsern, es ist akzeptabel, um Stil jedes element im Dokument.
Da gibt es nichts besonderes über das element, es braucht keine spezielle Dokumentation.
Der nächste, den ich denken kann, ist diese Warnung aus dem CSS 2.1-Spezifikation:
... aber im Zusammenhang, dass die Frage ist eine Strecke, da Sie darauf hindeutet, mit semantisches markup, aber das hinzufügen von unnötigen divs rein für das styling.
Einer form ist nur ein weiteres element der Seite (betrachten Sie es als ein div-Element enthalten kann input/andere Elemente). Sie können style es mit CSS einfach wie jedes andere element, es ist alles vollständig gültig.
Styling form-tag in einigen Fällen kann nützlich sein.
Nur stellen Sie sicher, dass das form-tag handeln, als ob es war eine Ebene.
Keine Notwendigkeit zu tun
<div id="myform"><form></form></div>
Gerade form do {display:block;} und es wirkt, als ob es ein div.
Zur Semantik und da sind Sie gefragt, um es richtig zu machen:
Ein häufiger Fehler ist die Verwendung von divs für Etiketten und verlieren dann Ihre usability.
HTML verwendet werden, was es ist konzipiert für!
Als Beispiel, das ist wie ein basic-form Aussehen würde in HTML nach dem standard.
Mithilfe von HTML, wie dies erlaubt dem Benutzer, klicken Sie auf Etiketten oder drücken Sie die Tabulatortaste, um den Fokus auf das gewünschte Feld.
Styling dies kann schwierig sein, aber Sie brauchen nicht viel code, wenn du weißt, was du tust.
Beispiel: http://jsfiddle.net/tive/BB85w/
form {display:block;}
... das ist die Standardeinstellung.Einen
form
element kann gestylt werden wie bei jedem anderen element, und es hat einige Standard-styling in der browser-Standard-style-sheets finden Sie unter Standard-Stylesheet für HTML 4 in CSS 2.1 spec. Das wichtigste Merkmal ist, dass standardmäßig einform
- element gerendert wird als ein block mit Ränder oben und unten entsprechend eine leere Zeile. (Browser eigentlich unterdrücken diese Margen in einigen Fällen, wenn.)Ich würde sagen, ja, Sie können den Stil, die form, so wie Sie sich Stil jedem anderen tag. Ich würde eher Stil-form-element als in ein zusätzliches div, wie ich versuche meine HTML-minimal.
Auch, SitePoint hat einen relativ aktuellen Artikel über styling-Formen, die beginnt mit dem styling der form-tag selbst.