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
js, um die Funktion zum Hochladen von Bildern zu realisieren
Das Prinzip des Hochladens von Bildern auf dem Fr...
Tutorial zur Installation von MySQL 8.0.11 unter Linux
1. Gehen Sie zur offiziellen Website, um das Inst...
Implementierungsschritte für Docker-Compose zum Bereitstellen eines etcd-Clusters
Inhaltsverzeichnis Schreiben Sie docker-compose.y...
Wie man mit React elegant CSS schreibt
Inhaltsverzeichnis 1. Inline-Stile 2. Importmetho...
Tutorial zur manuellen Installation von MySQL 8.0.13
In diesem Artikel finden Sie das Tutorial zur man...
VS2019 stellt eine Verbindung zur MySQL8.0-Datenbank her – Tutorial mit Bildern und Text
1. Bereiten Sie zunächst VS2019 und die MySQL-Dat...
So geben Sie Flash-Seiten über Überprüfungsmethoden in Website-Standards frei
1. Embed ist illegal Das <embed>-Tag ist ein...
Analyse des MySQL-Beispiels DTID Master-Slave-Prinzip
Inhaltsverzeichnis 1. Grundkonzepte von GTID 2. G...
So ändern Sie die Container-Portzuordnung in Docker dynamisch
Vorwort: Die Docker-Portzuordnung erfolgt häufig,...
Mehrere praktische Szenarien zur Implementierung der Ersetzungsfunktion in MySQL
REPLACE Syntax REPLACE(String,from_str,to_str) Da...
So stellen Sie mit Docker schnell einen Elasticsearch-Cluster bereit
In diesem Artikel werden Docker Container (orches...
React-Methode zum Anzeigen von Daten auf Seiten
Inhaltsverzeichnis Übergeordnete Komponente „list...
Wichtige Punkte zum Schreiben von Inhalten für META-Tags in HTML-Webseiten
Das META-Tag ist ein Hilfstag im Kopfbereich der ...
CSS3 verwendet scale() und rotate() zum Zoomen und Drehen
1. scale()-Methode Zoom steht für „Verkleinern“ u...
Deinstallation und Installation von MySQL5.7-Betriebsprozess und Methode zur Änderung des Kodierungsformats von CentOS7.x
1. Deinstallation von MySQL 5.7 1.1查看yum是否安裝過mysq...