submit - input

b74 · #1 (**permalink**) 21.01.2009, 21:11

in css kann man ja per "input" alle input-felder auf der seite ansprechen.
gibt es auch eine variante indem man nur die submit-button ansprechen kann?

mantiz · #2 (**permalink**) 21.01.2009, 21:21

Ja, es gibt sowas, wie "input[type=submit]", womit man auf bestimmte Attribute selektieren kann, aber das wird afaik nicht browserübergreifend unterstützt.

Am sichersten ist es wohl, wenn Du dem submit-Button eine Klasse gibst.

Bei mir sind Formularfelder immer in einem Fieldset gelagert und der submit-Button nicht, womit ich diesen auch ohne Klasse ansprechen kann, evtl. geht das ja auch bei Dir, z.B.

HTML-Code:

<form>
   <fieldset>
      <p><label>Name</label><input ... /></p>
   </fieldset>
   <p><input type="submit" value="Los geht's" /></p>
</form>

Selektierbar dann z.B. per

Code:

form fieldset p input { ... }  // normale inputs
form p input { ... }  // submit button

b74 · #3 (**permalink**) 21.01.2009, 22:07

ok danke, ich werds mal probieren

Praktikant · #4 (**permalink**) 21.01.2009, 22:38

Zitat:

Zitat von mantiz

Ja, es gibt sowas, wie "input[type=submit]", womit man auf bestimmte Attribute selektieren kann, aber das wird afaik nicht browserübergreifend unterstützt.

Am sichersten ist es wohl, wenn Du dem submit-Button eine Klasse gibst.

Bei mir sind Formularfelder immer in einem Fieldset gelagert und der submit-Button nicht, womit ich diesen auch ohne Klasse ansprechen kann, evtl. geht das ja auch bei Dir, z.B.

HTML-Code:

<form>
   <fieldset>
      <p><label>Name</label><input ... /></p>
   </fieldset>
   <p><input type="submit" value="Los geht's" /></p>
</form>

Selektierbar dann z.B. per

Code:

form fieldset p input { ... }  // normale inputs
form p input { ... }  // submit button

Warum steckst du das <input>-Feld sowie den Button in <p>-Element?

mantiz · #5 (**permalink**) 21.01.2009, 23:15

Keine Ahnung, hab' ich mir so angewöhnt.

Ursprünglich habe ich Definitionslisten für Formulare verwendet, dann gab es hier im Forum mal eine Diskussion bzgl. Formulare, ob man Definitionslisten oder Absätze nehmen sollte, oder vielleicht doch nur "br".

Dadurch angeregt habe ich mich schlussendlich für Absätze entschieden.

Irgendwann hatte ich dann das gleiche Problem und wollte für submit-Button keine eigene Klasse einführen, da habe ich mich dann entschieden, dass ich alle tatsäschlichen Eingabefelder zusätzlich in fieldset packe, was imo in Ordnung ist und die Controls (submit, reset) eben nicht, dadurch sind diese dann wieder getrennt selektierbar und die Welt ist in Ordnung.

paracelsus · #6 (**permalink**) 22.01.2009, 09:03

Morgen!

Ich amche das auch immer so. Man kann damit auch die Abstände gut regeln.

Praktikant · #7 (**permalink**) 22.01.2009, 17:26

Ich setzte die immer Tabellen, damit es einheitlich aussieht und die Submitfelder schön untereinander beginnen.... Dann hat man auch nen Abstand zwischen Text und Feld ^^

HTML-Code:

<form action"" ...>
   <fieldset>
      <legend>Formular</legend>
      <table border="0" ...>
          <tr>
             <td><label for="name">Name</label></td>
             <td><input type="text" ...></td>
          </tr>
      </table>
   </fieldset>
   <input type="submit" ...>
</form>

So baue ich die auf ^^ Wie sinvoll was ist lässt sich aber hier auch drüber Streiten und jeder hat so seine Angewohnheiten

Boris · #8 (**permalink**) 22.01.2009, 17:43

Zitat:

Ich setzte die immer Tabellen, damit es einheitlich aussieht und die Submitfelder schön untereinander beginnen

Sei froh dass du noch "Praktikant" bist, das lassen wir gerade noch so durch gehen

Man kann es auch ohne Tabellen "einheitlich und schön untereinander" machen.

Praktikant · #9 (**permalink**) 22.01.2009, 23:17

Zitat:

Zitat von Boris

Sei froh dass du noch "Praktikant" bist, das lassen wir gerade noch so durch gehen

Man kann es auch ohne Tabellen "einheitlich und schön untereinander" machen.

Das werde ich doch beim nächsten Formular gleich mal probieren =)
Ich will ja nicht ewig "Praktikant" bleiben auch wenn ich so heiße

In4matiker · #10 (**permalink**) 23.01.2009, 13:13

Zitat:

ich setzte die immer Tabellen, damit es einheitlich aussieht und die Submitfelder schön untereinander beginnen

Tabellen fürs Layout - omfg

Versuch es mal mit label.

Gute Vorlage für XHTML konforme Formulare:
Stil mit Stil :: CSS und XHTML :: HTML-Formulare

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input feld + submit button auf gleicher höhe. funktioniert außer in IE8 + FF2+3	monran	CSS	4	04.12.2009 09:07
input leeren nach submit	ZeroDay	Javascript & Ajax	6	11.09.2009 21:45
input type submit formatieren	dieter99	CSS	9	10.10.2008 16:39
input submit problem ie7 abstände	sailing-alex	CSS	7	23.03.2007 18:24
form input submit formatieren	PrinzEisenherz	CSS	4	24.06.2004 12:30