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
So installieren Sie die Odoo12-Entwicklungsumgebung unter Windows 10
Vorwort Da viele Freunde sagen, dass sie keinen M...
Beispielcode für CSS, um horizontale Linien auf beiden Seiten des Textes zu erzielen
In diesem Artikel wird der CSS-Beispielcode vorge...
Was bedeutet href=# in einem Link?
Links zur aktuellen Seite. －－－－－－－－－－－－－－－－－－－ Übl...
HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen
Code kopieren Der Code lautet wie folgt: <KÖRP...
So installieren Sie MySQL 5.7 manuell auf CentOS 7.4
MySQL-Datenbanken werden häufig verwendet, insbes...
JavaScript+html implementiert zufällige QR-Code-Verifizierung auf Frontend-Seiten
Teilen Sie die coole zufällige QR-Code-Verifizier...
Vertikales und horizontales Aufteilen von MySQL-Tabellen
Vertikale Teilung Vertikale Aufteilung bezieht si...
Vue implementiert das gleichzeitige Einstellen mehrerer Countdowns
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung des Installations- und Verpackungsfalls von JavaScript Axios
1. Laden Sie das Axios-Plugin herunter cnpm insta...
Detailliertes Tutorial zur Installation von ElasticSearch 6.4.1 auf CentOS7
1. Laden Sie das ElasticSearch 6.4.1-Installation...
Implementierung der Formularübermittlung in HTML
Formularübermittlungscode 1. Quellcode-Analyse &l...
XHTML-Tutorial: XHTML-Grundlagen für Anfänger
<br />Der Inhalt dieser Site ist Original. B...
Eintauchen in die JS-Vererbung
Inhaltsverzeichnis Vorwort Vorbereiten Zusammenfa...
Eine Fallstudie zum gründlichen Verständnis der korrekten Verwendung des MySQL-InnDB-Joint-Index
Es gibt ein Unternehmen, das die 5 zuletzt überpr...
Wie werden Vue-Komponenten analysiert und gerendert?
Vorwort In diesem Artikel wird erklärt, wie Vue-K...