Fünf Beispiele für Web-Formular-Design-Tipps_HTML/Xhtml_Webseitenproduktion

1. Mobile Auswahl für die Formulartexteingabe: Wenn im Texteingabefeld eine Eingabeaufforderung hinzugefügt wird, müssen Besucher diese häufig mit der Maus auswählen, löschen und dann nützliche Informationen eingeben. Tatsächlich wird alles viel einfacher, solange Sie onMouseOver="this.focus()" onFocus="this.select()"-Code zu hinzufügen, wie zum Beispiel: <br> <br>Das Folgende ist der zitierte Inhalt: <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">Bitte geben Sie Ihren Namen ein
Ebenso können Sie Code zu hinzufügen.
2. Klicken Sie, um die Formulareingabeeinheit zu löschen: Diese Spalte hat die gleiche Funktion wie oben, es gibt jedoch eine leichte Änderung bei der Verwendung der Maus. Sie müssen klicken, anstatt sie wie oben nur mit der Maus zu verdecken. wie:
Das Folgende ist der zitierte Inhalt:


Nachdem Sie auf die Eingabeeinheit geklickt haben, wird die Eingabeaufforderung gelöscht. Ist das nicht sehr praktisch?
3. Rahmeneinstellung der Formulareingabeeinheit: Durch Ändern des herkömmlichen Rahmens der Formulareinheit wird Ihre Homepage bunter. wie:
Das Folgende ist der zitierte Inhalt:


Darunter sind „style=***“ die Farbeinstellungen für links, rechts, oben, unten und Hintergrund, die auf andere Einheiten anwendbar sind.
4. Texteinstellung der Formulareingabeeinheit: Die Schriftart der Einheit im Formular kann geändert werden, wie zum Beispiel:
Das Folgende ist der zitierte Inhalt:


Wobei „style=***“ die Einstellungen für Schriftart und Schriftgröße sind.
5. Formularattribute in Popup-Fenster ändern: Nachdem die meisten Formulare aktiviert wurden, werden sie auf der aktuellen Seite geöffnet, was sich auf das normale Surfen auswirkt. Es ist besser, es zu ändern, wie zum Beispiel:
Nachfolgend der zitierte Inhalt:

Wobei „target=_blank“ das Öffnen im Popup-Fenster steuert.