Legend Tag wird verwendet, um eine Beschriftung oder einen Titel für das zu definieren. Tag, und es wird als erstes untergeordnetes Element dieses Elements betrachtet. Da es sich um eine Bildunterschrift handelt, wird sie normalerweise oben auf dem Rahmen platziert. Der Zweck von besteht darin, einen umgebenden Rahmen für den Inhalt des jeweiligen Elements zu erstellen. Der Hauptzweck besteht darin, die Formulare, Bilder und Inhalte mit Hilfe des Feldsatzes zu verpacken und auch dazu zu dienen, den Kontext der Informationen zu beschreiben. Im folgenden Abschnitt werden wir die Informationen zur Tag sowie ein ausführliches Beispiel. Das Hauptmotto dieses Artikels besteht darin, zu zeigen, wie einfach und kreativ HTML-Elemente und Tags für eine Präsentation verwendet werden.
Syntax
<legend>
……
</legend> Nach dem Login kopieren
Das HTML
Das Element wird innerhalb des platziert. Element, und es ist mit einem schwarzen Rand umrandet; und wenn Sie den Rahmen stilvoller gestalten oder das Verhalten ändern möchten, dann kommt hier CSS zum Einsatz. Dieses Tag unterscheidet sich völlig von Etikett. Und dieses Tag unterstützt alle Browser wie Chrome, Android, Firefox, Opera und Internet Explorer. Und alle diese Elemente sind bei allen Browsern einheitlich.
Code:
<fieldset>
<legend>
Text
</legend>
… Content
<fieldset> Nach dem Login kopieren
Es müssen sowohl die Start- als auch die End-Tags angegeben werden.
Attribute
Im Allgemeinen verfügen HTML-Tags über ein oder mehrere Attribute, die einen großartigen Aspekt eines HTML-Elements bereitstellen. Das Legend-Tag unterstützt alle definierten globalen Attribute. Einige Attribute unterstützen moderne Webbrowser nicht. Die folgende Tabelle enthält die Tag-Attribute mit ihren Beschreibungen.
1. Tagspezifische Attribute
align: Definiert eine Ausrichtung des im Formular angegebenen Titels oder der Beschriftung in Bezug auf das übergeordnete
.
Code:
<fieldset>
<legend align="center">Align
demo:</legend> Nach dem Login kopieren
Hinweis: Für eine klare Ausrichtung ist es besser, CSS-Align für die Variationen eines Elements zu verwenden.
2. Standardattribute
Die Beschreibung dieser Attribute wurde bereits im vorherigen Artikel besprochen.
Zugriffsschlüssel
Klasse
dir
ID
Stil
Sprache
ID
Tab-Index
Titel
3. Globale Attribute
Das Legend-Tag akzeptiert auch die zuvor besprochenen globalen Attribute, die ein Standard für alle HTML5-Elemente sind. Einige sind unten aufgeführt:
Context
Define the Context
Dir
The values give the path of the text.
Id
Its identifier must match the value of a name.
Style
Specifies the inline and external styles.
Lang
Determines the language used in the text.
Kontext
onabort
It is called when a particular event has been aborted. For example, the web browser immediately video before it is completely downloaded.
onblur
Defines the focus of the element.
oncancel
Stops the processed event handler.
Onclick
Triggers when a click is done
onchange
When a click is done somewhere.
onfocus
Triggered when the focus is on the given element
Definieren Sie den Kontext
Dir
Die Werte geben den Pfad des Textes an.
ID
Seine Kennung muss mit dem Wert eines Namens übereinstimmen.
Stil
Gibt die Inline- und externen Stile an.
Sprache
Bestimmt die im Text verwendete Sprache.
4. Ereignisattribute
5. Other Attributes Are
onmouse down, onmouse up, onmouse over, onmouse move, onmouse out, on focus, on blur, onkey press,onkey down,onkey up. The tags that come with the tag are listed below:
Examples to Implement Area Tag in HTML
Below are the examples of implementing the area tag in HTML:
Example #1
This section focuses on the form and fieldset. Association of legend tags with the fieldset and preferring to use with the forms gives the best option.
Code:
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>Personal Information:</legend>
FirstName: <input type="text"><br>
LastName: <input type="text"><br>
Email: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
</body>
</html> Nach dem Login kopieren
Output:
Example #2
The below examples show how the fieldset element groups the labels and radio buttons and checklist together. Meanwhile, the legend tag should be given for the caption for the group. A similar approach can be implemented with other controls.
Code:
<!DOCTYPE html>
<html>
<body>
<form action="http://www.educba.com/" method="post">
<fieldset>
<legend>Tutorial</legend>
<input type="radio" name="tutorial class" value="online" id="online">
<label for="online">Online</label>
<input type="radio" name="tutorial class" value="offline" id="offline">
<label for="offline">Offline</label>
</fieldset>
</form>
</body>
</html> Nach dem Login kopieren
Output:
Example #3
In the following example, we group the information under the HTML tag
Das obige ist der detaillierte Inhalt vonHTML-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