Heim Web-Frontend HTML-Tutorial Fieldset-Tag, Legenden-Tag

Fieldset-Tag, Legenden-Tag

Jun 27, 2017 am 11:53 AM
fieldset ie

Im Formularformular können wir die Informationen im Formular gruppieren und klassifizieren. Im Formular des Registrierungsformulars können wir beispielsweise die Registrierungsinformationen in
Grundlegende Informationen (im Allgemeinen erforderlich)
Detailliert gruppieren Informationen (im Allgemeinen optional)
Wie können wir es dann besser erreichen? Wir können erwägen, dem Formular die folgenden zwei Tags hinzuzufügen:
Feldsatz: Gruppieren Sie die Formulare. Ein Formular kann mehrere Feldsätze haben.
Legende: Beschreiben Sie die Inhaltsbeschreibung jeder Gruppe.

Schauen wir uns den folgenden Code an:


Beispiel-Quellcode [www.52css.com]



Basic Register

Vorname:


...


Detailliertes Register

Interesse: < / p>
...


...


Das Feldset ist standardmäßig umrandet, während die Legende ist standardmäßig normal. Wird in der oberen linken Ecke angezeigt. Auf einigen Seiten möchten wir jedoch nicht, dass die Standardstile oder Standardlayouts von Feldsätzen und Legenden die Ästhetik des Designs beeinträchtigen. Die Lösung besteht darin, den Rahmen des Feldsatzes in CSS auf 0 und die Anzeige der Legende auf „Keine“ zu setzen.

◆ Etikettenetikett

Jeder sollte mit Etikettenetiketten vertraut sein. Wir geben dem Textetikett im Formular eine Etikettenbezeichnung und verwenden das for-Attribut, um es zu erstellen Formularkomponenten werden verknüpft. Der Effekt besteht darin, dass beim Klicken auf die Textbeschriftung der Cursor in der entsprechenden Formularkomponente angezeigt wird.

Schauen wir uns den folgenden Code an:


Beispiel-Quellcode [www.52css.com]



Basic Register





...


Detailliertes Register





...

...


Zusätzlich zu den oben genannten Methoden Darüber hinaus können wir auch Label-Tags verwenden, um die gesamte Formularkomponente und Textbeschriftung zu verschachteln, siehe folgenden Code:


Beispiel Quellcode [ www.52css.com]


Gemäß der Spezifikation wird Text automatisch mit benachbarten Formularkomponenten verknüpft, aber leider der Mainstream-Browser IE6 unterstützt diese Funktion nicht.

◆ accesskey-Attribut, tabindex-Attribut

Die Website sollte die normale Verwendung in mehreren Browsing-Umgebungen berücksichtigen, z. B. wenn kein Cursor-Gerät vorhanden ist (z. B Maus), es muss auch Tastaturoperationen verwenden, um das Ausfüllen des Formulars abzuschließen. Zu diesem Zeitpunkt hat das Klicken für sie keine Bedeutung. Zu diesem Zeitpunkt wählen wir den Zugriffsschlüssel (Tastenkombination, Alt+Accesskey-Attributwert unter IE, Alt+Umschalt+Accesskey-Attributwert unter FF) und das Tabindex-Attribut (Tab-Taste, Tabindex-Attributwert ist Sequenz) des Etiketts aus, um es dem Formularetikett hinzuzufügen . Wie Etikett, Eingabe usw.
Schauen wir uns den folgenden Code an:


Beispiel-Quellcode [www.52css.com]



◆ optgroup tag

Die Rolle des optgroup-Tags wird in der Auswahl definiert Liste Eine Reihe von Optionen. Wir können das optgroup-Tag verwenden, um die Optionen des select-Elements zu klassifizieren, und den Attributwert als nicht auswählbaren, eingerückten Titel in der -Dropdown-Liste (select) verwenden. Bitte beachten Sie, dass Optgroups keine Verschachtelung unterstützen.

Schauen wir uns den folgenden Code an:


Beispiel-Quellcode [www.52css.com]


Es gibt einen in IE6 Kleiner Fehler (kein Problem in Firefox): Wenn Sie im IE die Pfeiltasten der Tastatur zum Auswählen verwenden und das ausgewählte Element von einer Option einer Optgroup in eine Option einer anderen Optgroup geändert wird, wird „onchange“ nicht ausgelöst. Die Lösung besteht darin, onkeydown- oder onkeyup-Ereignisse hinzuzufügen, um das Problem zu lösen.

◆ Button-Tag

Wir definieren es als Submit-Button. Innerhalb des Schaltflächenelements können Sie Inhalte wie Texte oder Bilder platzieren. Dies ist der Unterschied zwischen diesem Element und der Eingabeelement-Schaltfläche.


Beispiel-Quellcode [www.52css.com]


Das Button-Tag bietet weitere Funktionen und reichhaltigerer Inhalt. Die Schaltfläche trennt den Schaltflächentext, und Sie können Bilder innerhalb der Schaltfläche hinzufügen, wodurch Text und Bilder mehr Stile zur Auswahl haben und die steife Schaltfläche lebendiger und flexibler wird. Und die Verwendung des Schaltflächen-Tags ist semantischer als die Eingabeschaltfläche und kann einfach anhand der wörtlichen Bedeutung verstanden werden.

Das obige ist der detaillierte Inhalt vonFieldset-Tag, Legenden-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So legen Sie die Breite des Feldsatzes fest So legen Sie die Breite des Feldsatzes fest Nov 23, 2023 am 11:39 AM

Methoden zum Festlegen der Breite des Feldsatzes: 1. Verwenden Sie das Attribut „Breite“ von CSS. 2. Verwenden Sie die Attribute „Min-Breite“ und „Max-Breite“ von CSS. 3. Verwenden Sie das CSS-Flex-Layout.

Was soll ich tun, wenn Win11 den IE11-Browser nicht verwenden kann? (win11 kann den IE-Browser nicht verwenden) Was soll ich tun, wenn Win11 den IE11-Browser nicht verwenden kann? (win11 kann den IE-Browser nicht verwenden) Feb 10, 2024 am 10:30 AM

Immer mehr Benutzer beginnen mit der Aktualisierung des Win11-Systems. Da jeder Benutzer unterschiedliche Nutzungsgewohnheiten hat, verwenden viele Benutzer immer noch den IE11-Browser. Was soll ich also tun, wenn das Win11-System den IE-Browser nicht verwenden kann? Unterstützt Windows11 immer noch ie11? Werfen wir einen Blick auf die Lösung. Lösung des Problems, dass Win11 den ie11-Browser nicht verwenden kann 1. Klicken Sie zunächst mit der rechten Maustaste auf das Startmenü und wählen Sie „Eingabeaufforderung (Administrator)“, um es zu öffnen. 2. Geben Sie nach dem Öffnen direkt „Netshwinsockreset“ ein und drücken Sie zur Bestätigung die Eingabetaste. 3. Geben Sie nach der Bestätigung „netshadvfirewallreset&rdqu“ ein

Internet Explorer öffnet Edge: So stoppen Sie die MS Edge-Umleitung Internet Explorer öffnet Edge: So stoppen Sie die MS Edge-Umleitung Apr 14, 2023 pm 06:13 PM

Es ist kein Geheimnis, dass der Internet Explorer schon lange in Ungnade gefallen ist, aber mit der Einführung von Windows 11 kommt die Realität. Anstatt in Zukunft manchmal den IE zu ersetzen, ist Edge jetzt der Standardbrowser im neuesten Betriebssystem von Microsoft. Vorerst können Sie den Internet Explorer noch in Windows 11 aktivieren. Allerdings hat IE11 (die neueste Version) bereits ein offizielles Ruhestandsdatum, nämlich den 15. Juni 2022, und die Uhr tickt. Vor diesem Hintergrund ist Ihnen vielleicht aufgefallen, dass Internet Explorer manchmal Edge öffnet, und es gefällt Ihnen möglicherweise nicht. Warum passiert das also? existieren

So brechen Sie den automatischen Sprung zu Edge ab, wenn Sie den IE in Win10_Solution öffnen, um zum automatischen Sprung der IE-Browserseite zu gelangen So brechen Sie den automatischen Sprung zu Edge ab, wenn Sie den IE in Win10_Solution öffnen, um zum automatischen Sprung der IE-Browserseite zu gelangen Mar 20, 2024 pm 09:21 PM

In letzter Zeit haben viele Win10-Benutzer festgestellt, dass ihr IE-Browser bei der Verwendung von Computerbrowsern immer automatisch zum Edge-Browser springt. Wie kann man also den automatischen Sprung zum Edge beim Öffnen des IE in Win10 deaktivieren? Lassen Sie diese Website den Benutzern sorgfältig vorstellen, wie sie beim Öffnen des IE in Win10 automatisch zum Rand springen und schließen. 1. Wir melden uns beim Edge-Browser an, klicken auf ... in der oberen rechten Ecke und suchen nach der Dropdown-Einstellungsoption. 2. Nachdem wir die Einstellungen eingegeben haben, klicken Sie in der linken Spalte auf Standardbrowser. 3. Abschließend aktivieren wir in der Kompatibilität das Kontrollkästchen, um ein erneutes Laden der Website im IE-Modus zu verhindern, und starten den IE-Browser neu.

Das Ende einer Ära: Internet Explorer 11 ist im Ruhestand, hier ist, was Sie wissen müssen Das Ende einer Ära: Internet Explorer 11 ist im Ruhestand, hier ist, was Sie wissen müssen Apr 20, 2023 pm 06:52 PM

Der 15. Juni 2022 ist der Tag, an dem Microsoft den Support für Internet Explorer 11 (IE11) beendet und sein Kapitel über Legacy-Browser abschließt. Das Unternehmen erinnert Nutzer bereits seit Längerem an dieses End-of-Life-Datum und fordert sie dazu auf, einen Umstieg auf Microsoft Edge zu planen. Microsoft bündelt IE11 mit Windows 8.1 als modernen Standard-Webbrowser für Windows. Obwohl er nie die (aktuellen) Höhen von Chrome erreichte, war er 2014 nach IE8 der am zweithäufigsten verwendete Desktop-Browser. Natürlich mit 20

So lösen Sie das Problem, dass die IE-Verknüpfung nicht gelöscht werden kann So lösen Sie das Problem, dass die IE-Verknüpfung nicht gelöscht werden kann Jan 29, 2024 pm 04:48 PM

Lösungen für IE-Verknüpfungen, die nicht gelöscht werden können: 1. Berechtigungsprobleme; 3. Softwarekonflikte; 6. IE-Probleme; 9. Überprüfen Sie den Zielpfad der Verknüpfung. 10. Berücksichtigen Sie andere Faktoren. 11. Wenden Sie sich an Fachleute. Detaillierte Einführung: ​1. Klicken Sie mit der rechten Maustaste auf die Verknüpfung, wählen Sie „Eigenschaften“ und stellen Sie sicher, dass Sie über ausreichende Berechtigungen zum Löschen der Verknüpfung verfügen. Wenn nicht, können Sie versuchen, die Verknüpfung auszuführen usw .

So aktivieren Sie die IE-Beschleunigungsfunktion So aktivieren Sie die IE-Beschleunigungsfunktion Jan 30, 2024 am 08:48 AM

Wie aktiviere ich die IE-Beschleunigungsfunktion? Wenn der IE zu langsam ist, um Webseiten zu öffnen, können wir darin den Hardwarebeschleunigungsmodus aktivieren. Viele Freunde berichteten, dass die Geschwindigkeit beim Öffnen von Webseiten bei Verwendung des IE-Browsers extrem langsam ist, was auch einen gewissen Einfluss auf unser Surfen im Internet hat. Ich möchte den Editor nur fragen, ob es eine Lösung gibt. In diesem Fall können Sie den Hardwarebeschleunigungsmodus des IE-Browsers aktivieren. Werfen Sie einen Blick unten! Um die Beschleunigungsfunktion im IE zu aktivieren, öffnen Sie den sicheren IE-Browser, klicken Sie auf das zahnradförmige „Einstellungen“-Symbol in der oberen rechten Ecke und wählen Sie „Internetoptionen“ zur Eingabe, wie in der Abbildung gezeigt. 2. Klicken Sie in der Tab-Navigation oben im Fenster „Internetoptionen“ auf „Erweitert“, wie in der Abbildung dargestellt. 3.

So deinstallieren Sie den IE9-Browser von Win7 So deinstallieren Sie den IE9-Browser von Win7 Jul 10, 2023 am 11:41 AM

Wie deinstalliere ich IE9 von Win7? Computer können Aufgaben bei der Arbeit erledigen und können auch zum Ansehen von Fernsehsendungen verwendet werden. Genau wie beim Ansehen von Fernsehserien verwenden wir normalerweise Browser, um sie anzusehen. Da es immer mehr Browser gibt und ihre Funktionen perfekt sind, verwenden jetzt immer weniger Leute den Browser ie9 win7 So deinstallieren Sie den IE9-Browser vom System. So deinstallieren Sie den IE9-Browser von Win7. 1. Doppelklicken Sie zunächst, um MyPC zu öffnen, und wählen Sie, ob Sie das Programm deinstallieren oder ersetzen möchten. 2. Suchen Sie dann nach „ViewInstallUpdate“ und klicken Sie darauf. Darin finden Sie „Windows Internet Explorer 9“, dann klicken Sie zum Löschen mit der rechten Maustaste. Das Obige ist der Editor mit wi

See all articles