Formular per E-Mail senden

Es gibt verschiedene Wege, wie du auf deiner Website ein Formular per E-Mail senden kannst. Dabei kannst du rein auf HTML und dem mailto: Befehl setzen. Du kannst ebenso einen Formmailer einsetzen.

Ich beschreibe beide Methoden in diesem Artikel und zeige dir dabei auch mögliche Vor- und Nachteile der jeweiligen Methode.

Weiterlesen …Formular per E-Mail senden

Formulare erstellen in HTML 5

Formularfelder werden mitunter für die verschiedensten Dinge eingesetzt. Sei es bspw. in Form eines Kontaktformulars, eines Fragebogens oder im Rahmen einer Profilseite. HTML 5 bietet dabei neue Möglichkeiten, wie du Formulare erstellen und auszeichnen kannst.

Formulare sind vielseitig einsetzbar, daher braucht man sie immer wieder. In diesem Artikel erkläre ich zuerst welche Formularfelder es gibt und danach wie du sie auszeichnen und benutzen kannst.

Weiterlesen …Formulare erstellen in HTML 5

Formulare optimieren – 9 Tipps

Auf vielen Websites findet man die unterschiedlichsten Formulare. Das kann ein Kontaktformular sein, ein Bestellformular oder ein Registrierungsformular. Darüber hinaus natürlich die weiteren, unzähligen Varianten an unterschiedlichen Formularen. Ob ein Besucher deiner Website jedoch ein Formular ausfüllt oder nicht, hängt von vielen verschiedenen Faktoren ab.

In diesem Artikel zeige ich dir einige Tipps, wie du deine Formulare optimieren kannst.

Weiterlesen …Formulare optimieren – 9 Tipps

Leuchtende Rahmen für Formularfelder

Mittels CSS ist es überdies möglich, leuchtende Rahmen um Formularfelder herum zu erstellen. Die Rahmen leuchten dabei nur dann, sobald die Felder aktiv sind. Somit kann man den Seitenbesuchern eine visuelle Unterstützung bieten.

Mit dem folgenden Snippet kannst du schließlich den leuchtenden Rahmen erstellen.

Weiterlesen …Leuchtende Rahmen für Formularfelder

Zeichenzähler mit JavaScript erstellen

In manchen Formularen kann man einige Felder nur mit einer bestimmten Anzahl an Zeichen füllen. Das hast du sicher auch selbst schon mal gesehen. Diese Beschränkung auf eine bestimmte Anzahl von Zeichen ist dabei nicht neu und wird häufig eingesetzt. Wenn du das auch in deinen Formularen nutzt, solltest du dem User zeigen, wie viele Zeichen er noch übrig hat. Dazu kannst du einen Zeichenzähler verwenden.

Mit Hilfe von JavaScript ist das dazu auch ohne großen Aufwand möglich. In diesem Beitrag zeige ich dir schließlich, wie das funktioniert.

Weiterlesen …Zeichenzähler mit JavaScript erstellen

Formularfelder farbig gestalten

Du kannst auf deiner Website mit CSS sehr einfach Formularfelder farbig gestalten. Normalerweise stellen Browser die Formularfelder nur weiß oder grau dar, womit sie meist nicht in das Designkonzept der Website passen. Somit wirken sie eher wie ein Fremdkörper. Mit CSS lässt sich das jedoch umgehen, so dass du die Formulare wesentlich besser in das Design deiner Website integrieren kannst.

Wie das funktioniert, zeige ich dir in diesem Artikel unter anderem auch anhand einiger Live-Beispiele.

Formularfelder beschriften

Seit der HTML-Spezifikation 4.01 gibt es spezielle HTML-Tags, mit denen sich Formularfelder beschriften lassen können. Dadurch hast du den Vorteil, dass du mit CSS diese Beschriftungen leicht formatieren kannst. Auch kann man Formularfelder, Checkboxen und Radiobuttons durch einen Klick auf die Beschriftungen aktivieren, ohne ein zusätzliches JavaScript o.Ä. dafür verwenden zu müssen.

In diesem Artikel zeige ich dir, wie das funktioniert.