Sie sind hier: Startseite -> HTML-Grundlagen -> Formulare

HTML-Grundlagen: Formulare

Formulare: Eingabemöglichkeit mit HTML

Die Webseiten sind ja ganz gut und schön, aber ohne Formulare sind sie in den meisten Fällen sinnlos, weil erst die Formulare bieten die Gelegenheit und Technik an, dass die Besucherinnen und Besucher mit der Seite interagieren, womit sie indirekt mit den Betreibern der Webseite Kontakt aufnehmen - das ist aber nicht immer der Fall.

Man hat öfter mit einem Formular zu tun, als man glauben mag. Wenn es ein kleines Suchfeld gibt und man gibt einen Begriff ein, um das Suchergebnis zu prüfen, dann bedient man ein Formular. Unter einem Formular versteht man normalerweise Bürokratie und einen Zettel mit vielen Feldern, aber technisch gesehen ist ein HTML-Formular auch dann gegeben, wenn es nur ein Feld gibt - viele Suchmaschinen sind genauso aufgebaut. Manchmal gibt es noch eine Schaltfläche (man spricht vom Button), um seine Suche abschicken zu können, aber meist reicht es, Enter zu drücken und die Suche beginnt.

Eine andere Form von Formular trifft man an, wenn man ein Kontaktformular ausfüllt, wobei hier die Formularfunktion klarer ist. Auch ein Gästebuch, die Anmeldung zum Newsletter oder das Ausfüllen einer Anmeldung, um Mitglied einer Seite zu sein, sind klare Formulare und auch als solche erkennbar. Ein Beispiel aus dem Onlinehandel ist der Webshop, der mit vielen Formularen arbeitet. Dort kann man die Anzahl der Produkte angeben und vieles mehr.

Mit Ausnahme der Suchmaschinen sind diese Formulare somit das Werkzeug, durch das die Webseite und ihr Betreiber mit den Besucher/innen Kontakt aufnehmen können. Das können Kommentare bei einem Artikel sein, wie man es auf Infoportalen sieht, Gästebucheintragungen oder schlichtweg eine Anfrage über das Kontaktformular. Ob die Daten in einer Datenbank gespeichert werden oder per Mail an die zuständigen Leute geschickt wird - oder beides - ist situationsabhängig. Wesentlich ist einmal das Formular und seine Funktionalität.

Übersicht der Unterseiten

Formular (FORM)

Informationen über den FORM-Tag, mit dem ein Formular in eine Webseite eingebaut werden kann.

Checkbox

Informationen über die Checkboxen, die in Formulare eingebaut werden können.

Radiobutton

Informationen über den Radiobutton, der in HTML-Formulare für die Beantwortung genützt werden kann.

Schaltfläche

Informationen über die Schaltfläche, wie sie in Formularen programmiert wird.

Auswahlfeld

Informationen über die Auswahlliste mit Select, die bei HTML-Formularen oft genützt wird.

Auswahlfeld mehrfach

Informationen über die Auswahlliste mit select multiple, wodurch in HTML-Formulare eine Mehrfachauswahl möglich wird.

Textfeld

Informationen über das Textfeld, das in HTML-Formularen mit dem input-Tag erstellt werden kann und seine Parameter.

Mehrzeiliges Feld

Informationen über das mehrzeilige Textfeld in HTML-Formularen durch den textarea-Tag.

Verstecktes Feld

Informationen über das versteckte Formularfeld, das mit dem input-Tag unter HTML möglich wird, um interne Informationen einzubauen.

Schreibschutz

Informationen über den Schreibschutz bei Formularfelder in HTML-Formulare, der durch den Parameter readonly möglich wird.

Datei hochladen

Informationen über die Möglichkeit, Dateien über ein Formular durch den Type File des input-Tags hochzuladen.

Beschriftung

Informationen über den Label-Tag für die Beschriftung von HTML-Formularfelder und zur Formatierung mit CSS bzw. als Hilfe für barrierefreie Formulare.

Produktsuche

Was brauchen Sie?

Ein Vorteil von Amazon besteht darin, dass es Millionen Produkte gibt, die man auch sehr gut im Preis und Angebot überprüfen kann. Ob man nun Sport betreiben möchte oder ein Kochbuch sucht - man wird fast immer fündig. Mit der nachstehenden Suche können Sie sehr schnell das aktuelle Angebot durchsuchen. Einfach den gewünschten Suchbegriff eingeben und auf den Suche-Button klicken.


Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Themenliste:

Zurück zum Hauptthema

Übersicht HTML-Grundlagen