Fünf Tipps für das Layout von Div-CSS-Formularen können Ihnen dabei helfen, das Formular flexibler zu steuern und die Seite zufriedenstellender zu gestalten.
1. Mobile Auswahl für Formulartexteingabe:
Wenn im Texteingabefeld eine Eingabeaufforderung hinzugefügt wird, müssen Besucher diese häufig mit der Maus auswählen und löschen und dann nützliche Informationen eingeben. Tatsächlich wird alles viel einfacher, solange Sie onMouseOver="this.focus()" onFocus="this.select()"-Code zu
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 geringfügige Änderung bei der Verwendung der Maus. Sie müssen klicken, anstatt sie wie oben nur mit der Maus abzudecken. Zum Beispiel:
Beispielquellcode [www.devdao.com]
Nachdem Sie auf die Eingabeeinheit geklickt haben, wird die Eingabeaufforderung gelöscht. Ist das nicht sehr praktisch?
3. Rahmeneinstellungen von Formulareingabeeinheiten:
Durch das Ändern der herkömmlichen Rahmen von Formulareinheiten wird Ihre Homepage bunter. Zum Beispiel:
Beispielquellcode [www.devdao.com]
Darunter sind „style=***“ die Einstellungen für die linke, rechte, obere, untere und Hintergrundfarbe. Dies gilt auch für andere Einheiten.
4. Texteinstellung der Formulareingabeeinheit:
Die Schriftart der Einheit im Formular kann geändert werden, z. B.:
Beispielquellcode [www.devdao.com]
Darunter sind „style=***“ die Einstellungen für Schriftart und Schriftgröße.
5. Ändern Sie die Formulareigenschaften in Popup-Fenster:
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, z. B.:
Beispielquellcode [www.devdao.com]