国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Inhaltsverzeichnis
Wie lautet die Syntax für die Verwendung von <fieldset> Element?
Attribute des Fieldset-Tags in HTML
1. deaktiviert
2. Formular
3. Name
HTML Fieldset-Tag im CSS-Styling
Conclusion
Heim Web-Frontend HTML-Tutorial Fieldset-Tag in HTML

Fieldset-Tag in HTML

Sep 04, 2024 pm 04:28 PM
html html5 HTML Tutorial HTML Properties HTML tags

Ein Fieldset-Tag in HTML hilft uns dabei, bestimmte Elemente, einige verwandte Elemente, an einem Ort zusammenzuführen, normalerweise in einem Formular. Das

Tag gruppiert unsere verwandten Elemente basierend auf Logik. Wenn das Fieldset-Tag verwendet wird, erstellt es einen Block oder eine Grenze um unsere oben genannten verwandten Elemente. Dieses Tag hilft dabei, Formularabschnitte in mehrere logische Abschnitte zu unterteilen.

Mit anderen Worten: Das

Das Tag hilft dabei, ein Layout zu definieren und so ein Formular zu organisieren und in logische Felder zu unterteilen, ohne Tabellen oder andere Mittel wie Unterteilungen zu verwenden. Das Fieldset-Tag hat einen Tag, der zum Definieren eines Textes verwendet wird, z. B. eine Beschriftung für den fragmentierten Abschnitt.

Wie lautet die Syntax für die Verwendung von
Element?

Es ist eigentlich einfach,

Tag oder Element. Wie bei allen anderen HTML-Tags ist auch das
Auch das Tag hat ein ?ffnendes Tag und ein schlie?endes Tag. Das ?ffnende Tag wird als
geschrieben. und das schlie?ende Tag hat den üblichen Schr?gstrich vor dem Tag-Namen, z. B.
. Sehen Sie sich die Syntax für das
an. Tag.

Syntax:

<form>
<fieldset>
</fieldset>
</form>

Sehen Sie sich einen einfachen Codeauszug an, der ein Beispiel für

und unten:

<form>
<fieldset style="background:#e1eff2;">
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
</form>

Ausgabe:

Fieldset-Tag in HTML

Wie oben besprochen, ist das

Das im obigen Code verwendete Element stellt eine Gruppierung im HTML-Formular bereit. Beachten Sie die Beschriftung oben im Feldsatz, der mit erstellt wurde. Element.

Eine weitere gute Verwendung von

und Das Element geh?rt zum Eingabetyp ?Kontrollk?stchen“ oder ?Radio“, insbesondere wenn es schwierig wird, einen gemeinsamen Kontext für verschiedene Optionen bereitzustellen, und ist mit jeder einzelnen Option verknüpft.

Attribute des Fieldset-Tags in HTML

Das

Das Element unterstützt viele globale Attribute, die die unten genannten zus?tzlichen Attribute unterstützen.

1. deaktiviert

Das Attribut ?disabled“ verwendet ?disabled“ als Wert. Wenn dieses Attribut verwendet wird, gibt es an, dass die Gruppe von Elementen, für die dieses Attribut verwendet wird, deaktiviert werden soll.

Unten finden Sie einen Beispielcodeauszug, der das Fieldset-Element mit einem seiner Attribute, ?disabled“, verwendet.

Code:

<fieldset style="background:#e1eff2;" disabled="disabled">
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>

Ausgabe:

Fieldset-Tag in HTML

Beachten Sie, dass alle untergeordneten Elemente deaktiviert sind, d. h. nicht bearbeitet werden k?nnen, da wir den Attributwert für ?disabled“ auf ?disabled“ setzen.

2. Formular

Das Attribut ?form“ wird verwendet, um einen oder mehrere Bezeichner verschiedener Formen einzuschlie?en. Es definiert diese Bezeichner, zu denen unsere Gruppe verwandter Elemente geh?ren wird oder zu denen sie geh?rt. Das Attribut ?form“ verwendet Formular-IDs, um die Formulare zu definieren. Wenn mehr als eine Formularkennung vorhanden ist, werden diese alle eingeschlossen und durch Leerzeichen getrennt.

Mit anderen Worten, dies ist ein Attribut, das seinen Wert vom ?id“-Attribut von Formular-/Formularelementen übernimmt, um das Feldset zu dessen Teilen zu machen, selbst wenn das Feldset au?erhalb des Formulars definiert ist.

Das Formularattribut wird nur in Opera 12 und früheren Versionen unterstützt.

3. Name

Das Attribut ?Name“ definiert einen Namen für die gruppierten Elemente oder die einer Gruppe von Elementen beigefügten Elemente. Dieses Attribut verwendet ?text“ als Wert. Dieser ?Name“ wird nicht im Browser angezeigt; seine Verwendung ist auf die Arbeit von Skripten beschr?nkt.

Unten finden Sie ein Beispiel für einen Feldsatz mit dem Attribut ?Name“.

Code:

<form>
<fieldset style="background:#e1eff2;" name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Ausgabe:

Fieldset-Tag in HTML

Beobachten Sie, w?hrend wir unserem Feldsatz ein Attribut, einen ?Namen“ und einen Wert als ?Pers?nliche Informationen“ gegeben haben; Es wird nicht im Browser angezeigt. Aber wir haben das Namensattribut des

Element im Hintergrund für Skriptarbeiten.

Wenn wir auf die Schaltfl?che ?Hintergrundfarbe des Feldsatzes ?ndern“ klicken, antwortet das Formular wie folgt:

Fieldset-Tag in HTML

HTML Fieldset-Tag im CSS-Styling

Wie jedes andere HTML-Element auch

Das Element kann auch für visuelle Effekte ge?ndert werden. Die HTML-Tags oder -Elemente k?nnen eine oder mehrere Eigenschaften enthalten. Diese hinzugefügten Attribute oder Eigenschaften versorgen die Browser mit mehr Daten oder Informationen über die Auswirkungen der Elemente. Die Attribute bestehen im Allgemeinen aus einem Eigenschaftsnamen und dem zugewiesenen Wert, zum Beispiel;

<strong>style="color:black";</strong>

Die Eigenschaften, die verwendet werden k?nnen, um das Erscheinungsbild des

Dazu geh?ren unter anderem Schriftarten, Schriftfamilien, Gr??e und St?rke.

Below is another example using the above-mentioned properties. CSS can do wonders. Observe the before and after-effects.

Without CSS

Code:

<form>
<fieldset style="background:#e1eff2"; name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Output:

Fieldset-Tag in HTML

With CSS

Code:


<form>
<fieldset style="background:#e1eff2"; name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Output:

Fieldset-Tag in HTML

Conclusion

The and tags are the most underused tags while creating web forms. The tag allows every radio or checkbox or text box grouped together to be labeled as a whole while also being separately labeled. The

and elements are helpful when assisting technology like JAWS is being used. It’s known that many screen readers read legend text first and then the label texts.

Das obige ist der detaillierte Inhalt vonFieldset-Tag in HTML. 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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

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.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

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)

Hei?e Themen

PHP-Tutorial
1501
276
Warum wird mein Bild nicht in HTML angezeigt? Warum wird mein Bild nicht in HTML angezeigt? Jul 28, 2025 am 02:08 AM

Das nicht angezeigte Bild wird normalerweise durch einen falschen Dateipfad, einen falschen Dateinamen oder eine falsche Erweiterung, HTML -Syntaxprobleme oder einen Browser -Cache verursacht. 1. Stellen Sie sicher, dass der SRC -Pfad mit dem tats?chlichen Speicherort der Datei übereinstimmt, und verwenden Sie den richtigen relativen Pfad. 2. überprüfen Sie, ob der Fall und die Erweiterung des Dateinamens genau übereinstimmen, und überprüfen Sie, ob das Bild durch direktes Eingeben der URL geladen werden kann. 3. überprüfen Sie, ob die IMG -Tag -Syntax korrekt ist. Stellen Sie sicher, dass es keine redundanten Zeichen gibt und der Alt -Attributwert angemessen ist. 4. Versuchen Sie, die Seite zu aktualisieren, den Cache zu l?schen oder den Inkognito -Modus zu verwenden, um Cache -Interferenzen zu beseitigen. Fehlerbehebung in dieser Reihenfolge kann die meisten Probleme mit HTML -Bildanzeigen l?sen.

K?nnen Sie ein  -Tag in ein anderes  -Tag einfügen? K?nnen Sie ein -Tag in ein anderes -Tag einfügen? Jul 27, 2025 am 04:15 AM

?youcannotnestTagsinsideanotagbecauses's'sinvalidhtml; browsersauutomatisch -closethefirstbeerextenext, resultierendinseparateparagraphs.?instead, useInLineElements, oder

Wie erstelle ich eine ungeordnete Liste in HTML? Wie erstelle ich eine ungeordnete Liste in HTML? Jul 30, 2025 am 04:50 AM

Um eine nicht ordnungsgem??e HTML -Liste zu erstellen, müssen Sie ein Tag verwenden, um einen Listencontainer zu definieren. Jedes Listenelement ist mit einem Tag verpackt, und der Browser fügt automatisch Kugeln hinzu. 1. Erstellen Sie eine Liste mit einem Tag; 2. Jedes Listenelement ist mit einem Tag definiert. 3. Der Browser generiert automatisch Standard -Punkt -Symbole. 4. Unterverschiedene k?nnen durch Verschachtelung implementiert werden. 5. Verwenden Sie das Attribut vom Typ Listenstil von CSS, um den Symbolstil wie Scheibe, Kreis, Quadrat oder keine zu ?ndern. Verwenden Sie diese Tags korrekt, um eine nicht ordnungsgem??e Standardliste zu generieren.

Wie benutze ich das inhaltliche Attribut? Wie benutze ich das inhaltliche Attribut? Jul 28, 2025 am 02:24 AM

TheContententitableAttributemakesAnyhtmlelementedableByAddingCentabled = "true", und das Erlaubnis für die Erlaubnis, dass es, dass in der Lage ist

Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit Jul 30, 2025 am 05:05 AM

SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)

Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup. Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup. Jul 31, 2025 am 10:50 AM

Das Schema.org -Tag hilft Suchmaschinen, das strukturierte Datenformat von Webseiteninhalten über semantische Tags (z. B. Elementumfang, Elementtyp, ElementProp) zu verstehen. Es kann verwendet werden, um benutzerdefiniertes Vokabular zu definieren. Zu den Methoden geh?ren die Erweiterung vorhandener Typen oder die Einführung neuer Typen mithilfe von zus?tzlichem Typ. In den tats?chlichen Anwendungen sind die Struktur klar, priorisieren Sie die Verwendung offizieller Attribute, die Gültigkeit des Codes und stellen sicher, dass benutzerdefinierte Typen zug?nglich sind. Zu den Vorsichtsma?nahmen geh?ren das Akzeptieren der teilweisen Unterstützung, die Vermeidung von Rechtschreibfehlern und die Auswahl eines geeigneten Formats wie JSON-LD.

So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular Aug 02, 2025 pm 04:44 PM

UsTheelementWitHinatagTocreateEmanticSearchfield.2.IncludeaForAccessibility, settheform'Saction undMethod = "AttributestosendDatoAsearchendPointWithasharableUrl.

Wie behandle ich eine Schaltfl?che Klicken Sie mit Onclick? Wie behandle ich eine Schaltfl?che Klicken Sie mit Onclick? Jul 30, 2025 am 05:16 AM

Verwenden Sie das Onclick -Attribut in HTML, um die Klick -Ereignisse direkt zu binden, was für einfache Szenarien geeignet ist, jedoch nicht für die Code -Wartung f?rderlich ist. 2. Die Funktion der Onclick -Attributzuweisung von Elementen in JavaScript ist für die Trennung von Strukturen und Verhaltensweisen f?rderlicher, überschreibt jedoch den vorherigen Ereignis -Handler. 3.. Es wird empfohlen, die AddEventListener -Methode zu verwenden, um mehrere Ereignisüberwachung zu unterstützen und den Ereignisfluss besser zu steuern, und sollte nach dem Laden des DOM operieren, um h?ufige Fehler wie vorzeitigen Zugriff auf Elemente oder Anführungskonflikte in HTML zu vermeiden. Daher ist Onclick für Anf?nger und kleine Projekte geeignet, w?hrend AddEventListener besser für komplexe Anwendungen geeignet ist.

See all articles