Fünf praktische Tipps zur Gestaltung von Webformularen
|
1. Mobile Auswahl der 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, wenn Sie den Code onMouseOver="this.focus()" onFocus="this.select()" zu <textarea> hinzufügen, beispielsweise: Nachfolgend der zitierte Inhalt: <textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Bitte geben Sie Ihren Namen ein</textarea> Auf ähnliche Weise können Sie Code zu <input> hinzufügen. 2. Klicken Sie, um die Formulareingabeeinheit zu löschen: Diese Spalte hat eine ähnliche Funktion wie die obige, aber es gibt einen kleinen Unterschied bei der Verwendung der Maus. Sie muss angeklickt werden, anstatt wie die obige einfach mit der Maus abzudecken. wie: Nachfolgend der zitierte Inhalt: <input type=text name="address" size=19 value="Bitte geben Sie Ihre E-Mail-Adresse ein" onFocus="this.value=''"> Nach dem Klicken auf die Eingabeeinheit werden die Eingabeaufforderungsinformationen gelöscht. Ist das nicht praktisch? 3. Rahmeneinstellung der Formular-Eingabeeinheit: Durch Ändern des herkömmlichen Rahmens der Formulareinheit wird Ihre Homepage bunter. wie: Nachfolgend der zitierte Inhalt: <Eingabetyp=Radioname=Aktionswert=Abonnieren aktivierter Stil="RAND UNTEN: gestrichelt 1px; RAND LINKS: gestrichelt 1px; RAND RECHTS: gestrichelt 1px; RAND OBEN: gestrichelt 1px; Hintergrundfarbe: #FEF5C8"> Darunter steht „style=***“ für die Farbeinstellungen für links, rechts, oben, unten und den Hintergrund, die auf andere Einheiten anwendbar sind. 4. Texteinstellungen der Formular-Eingabezellen: Die Schriftart der Zellen im Formular kann geändert werden, beispielsweise: Nachfolgend der zitierte Inhalt: <input type=text name="Adresse" size=19 value="Bitte geben Sie Ihren Namen ein" style=font-family:"verdana";font-size:10px > Darunter ist „style=***“ die Einstellung für Schriftart und Schriftgröße. 5. Ändern Sie die Formulareigenschaften in ein Popup-Fenster: Nachdem die meisten Formulare aktiviert wurden, werden sie auf der aktuellen Seite geöffnet, was das normale Surfen beeinträchtigt. Es ist besser, es zu ändern, zum Beispiel: Nachfolgend der zitierte Inhalt: <Formularmethode=POST-Aktion=URL-Ziel=_blank> „target=_blank“ wird verwendet, um das Öffnen des Popup-Fensters zu steuern. |
<<: Reines HTML und CSS, um den JD-Karusselleffekt zu erzielen
>>: Unterschied und Implementierung von JavaScript Anti-Shake und Throttling
Artikel empfehlen
Spezifische Verwendung von MySQL-Fensterfunktionen
Inhaltsverzeichnis 1. Was ist eine Fensterfunktio...
So verwenden Sie JSX zum Implementieren von Karussellkomponenten (Front-End-Komponentenbildung)
Bevor wir JSX zum Erstellen eines Komponentensyst...
So importieren Sie txt in MySQL unter Linux
Vorwort Als ich gestern ein kleines Projekt schri...
Einige Funktionen der Verwendung von tcpdump zum Erfassen von Paketen in der Linux-Befehlszeile
tcpdump ist ein flexibles und leistungsstarkes To...
HTML+CSS zum Erzielen von Spezialeffekten durch Textfaltung – Beispiel
In diesem Artikel werden hauptsächlich Beispiele ...
Zusammenfassung der Diskussion zur Gültigkeitsdauer von Nginx-Cookies
Bei jedem Besuch wird im Browser Cookie generiert...
Fallerklärung für den Nginx-Reverse-Proxy zu Go-FastDFS
Hintergrund go-fastdfs ist ein verteiltes Dateisy...
Beispiel zum Referenzieren von Umgebungsvariablen in Docker Compose
In einem Projekt müssen Sie häufig Umgebungsvaria...
So debuggen Sie das Loader-Plugin in einem Webpack-Projekt
Als ich kürzlich lernte, wie man webpack verwende...
Lösung für das Problem der verstümmelten Webseiten, wenn die Kodierung auf UTF-8 eingestellt ist
Als ich kürzlich Webseiten mit PHP schrieb, habe i...
Detaillierte Erklärung zur Verwendung von Vue Smooth DnD, einer verschiebbaren Komponente von Vue
Inhaltsverzeichnis Einführung und Demo API: Conta...
6 Möglichkeiten, die von Linux-Prozessen belegten Portnummern anzuzeigen
Für Linux-Systemadministratoren ist es von entsch...
Führen Sie die folgenden Schritte aus, um mit Nginx in Kombination mit Keepalived eine hohe Verfügbarkeit zu erreichen.
Vorwort Um die Hochverfügbarkeit des Systems zu g...
Detaillierte Erläuterung der drei Möglichkeiten zum Schneiden von Catalina.out-Protokollen in Tomcat
1. Log4j zur Protokollsegmentierung 1) Bereiten S...
Probleme mit Index und FROM_UNIXTIME in MySQL
Null, Hintergrund Ich habe diesen Donnerstag viel...