Suchformular - Mein fertiges Ergebnis

[Auge]

Hallo

hab es nochmals etwas überarbeitet, was sagst du dazu?

Nochmal ein bisschen kompakter:

form[name=form1] { /* spreche das Formular über den Wert des Attributs „name“ an */
width: 100%;
margin-top: 3em;
padding: 1em;
box-sizing: border-box;
text-align: center;
}

<section>
  <form name="form1" method="post" action="">
    <!-- weitere Formularelemente -->		        
    </form>
</section>

Wenn du die Klasse .form_suche ausschließlich dazu benutzt, das Suchformular zu identifizieren und sie nicht noch zusätzlich z.B. per JavaScript ansprichst, kannst du sie auch weglassen. Elemente, hier das Formular, lassen sich per CSS auch über Attribute und Attributwerte ansprechen. Hier identifiziert der Wert „form1“ des Attributs „name“ das Formular, womit die Klassenangabe obsolet wird (so sie nicht anderweitig benutzt wird).

Tschö, Auge