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 <textarea> hinzufügen, wie zum Beispiel:
Beispielquellcode [www.devdao.com ]< textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Englisch eingeben..</textarea>
Ebenso können Sie Code zu <input> 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]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
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]<input type=radio name=action value=subscribe reviewed style="BORDER-BOTTOM: gestrichelt 1px; BORDER-LEFT: gestrichelt 1px; BORDER-RIGHT: gestrichelt 1px; BORDER - OBEN: gestrichelt 1 Pixel; Hintergrundfarbe: #FEF5C8">
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]<Eingabetyp=Textname="Adresse" Größe=19 Wert=" Geben Sie „e -mail..." style=font-family:"verdana";font-size:10px > ein
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]<form method=POST action=url target=_blank>
Unter anderem steuert „target=_blank“ das Öffnen des Popup-Fensters.