"Alles neu macht der Mai" – SELFHTML-Blog Das Weblog als Ergänzung zu SELFHTML https://forum.selfhtml.org/weblog "Alles neu macht der Mai" Fri, 27 May 16 09:56:49 Z https://forum.selfhtml.org/weblog/2016/may/27/alles-neu-macht-der-mai/1782824#m1782824 https://forum.selfhtml.org/weblog/2016/may/27/alles-neu-macht-der-mai/1782824#m1782824 <p><strong>Wiki-Push für Formulare</strong></p> <p>„Wie schön blüht uns der Maien...“ - Wonnemonat hin oder her, es droht doch wie jedes Jahr die Steuererklärung mit ihren Formularen. Auch wenn Quittungen, Belege und Daten bereit stehen, fragt man sich doch immer wieder, was denn nun in die einzelnen Eingabefelder hineinkommt.</p> <p>Ähnliches findet man auch im Internet. Auch dort müssen Formulare ausgefüllt werden, jedoch steht nicht selten am Ende eine Fehlermeldung und man darf alles noch einmal neu eingeben.</p> <p>In der Dokumentation von SelfHTML gab es zwar Artikel zu allen einzelnen Formularelementen, aber keinen Grundlagenartikel, der alles für Anfänger verständlich zusammenfasst. Eine Bitte im Forum wurde zur Initialzündung für eine Reihe von Tutorials, die viele Aspekte rund um Formulare im Internet beleuchten:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare">HTML/Tutorials/Formulare erstellen und gestalten</a></li> </ul> <p>Untersuchungen ergeben, dass bis zu einem Drittel der Benutzer Bestellvorgänge abbrechen und auf andere Seiten ausweichen, weil Formulare unklar sind. Um diesem Frust vorzubeugen haben sich einige Vorgehensweisen bewährt: Pflichteingaben sollten gut als solche gekennzeichnet sein, jedes Eingabefeld sollte eine aussagekräftige Beschriftung haben. Einige Fehleingaben können mit browsereigenen Validierungsmöglichkeiten im Vorfeld entschärft werden. Mit individualisierten Fehlermeldungen runden Sie die User Experience ab:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare">HTML/Tutorials/Formulareingaben mit HTML5 validieren</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Formulare">JavaScript/Anwendung und Praxis/Formulareingaben mit JavaScript validieren</a></li> </ul> <p>Bei der serverseitigen Auswertung von Nutzereingaben gibt es auch Stolperfallen zu vermeiden:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/PHP/Tutroials/Formulare">PHP/Anwendung und Praxis/Formulardaten serverseitig auswerten</a></li> </ul> <p>Wie Sie Web-Formulare als Druckvorlage nutzen können, zeigt:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Print-CSS">CSS/Anwendung und Praxis/Printvorlage</a></li> </ul> <p>Vielen Dank an alle Beteiligten und besonders Felix Riesterer, dessen qualitativ hochwertige Tutorials mit anschaulichen Beispielen unser Wiki bereichern.</p> <p>Übrigens: Wussten Sie schon, dass es im Wiki neben der Inhaltstruktur auch Kategorien gibt? So sind in der <a href="https://wiki.selfhtml.org/wiki/Kategorie:Formular">Kategorie:Formular</a> alle Artikel aufgelistet, die sich mit Formularen im Internet beschäftigen.</p> <p>Zu guter Letzt noch eine gute Nachricht: Für eine Mitarbeit oder Mitgliedschaft bei SELFHTML benötigen Sie kein umfangreiches Formular! Jede Art von Hilfe und Mitarbeit ist immer und völlig formlos willkommen!</p>