Das Fieldset-Tag in HTML
In dieser Lektion lernen wir, wie man das Fieldset-Tag in HTML verwendet, das Fieldset gruppiert verwandte Elemente in einem Formular.
Das Gruppieren solcher Informationen hilft Benutzern, leichter zu erkennen, was sie eingeben müssen.
Insbesondere erstellt das fieldset-Tag einen Rahmen um die darin enthaltenen Elemente.
1. Was ist das Fieldset-Tag in HTML?
Das fieldset-Tag gruppiert zusammengehörige Teile des Formulars, um Benutzern die Eingabe korrekter Informationen zu erleichtern.
Das fieldset-Tag erstellt einen Rahmen um die zugehörigen Elemente.
Wenn Sie dem Benutzer ein Eingabeformular mit vielen Feldern senden möchten, liefert das Kommentieren des Felds mit dem Label-Tag möglicherweise nicht genügend Informationen für den Benutzer über die Informationen, die der Benutzer eingeben soll. Dann erleichtert die Verwendung des fieldset-Tags die Eingabe dieser Informationen.
Hinweis : Sie können das Legend-Tag verwenden, um Beschriftungen für die Fieldset-Gruppe zu erstellen.
2. Wie man Fieldset in HTML verwendet
Beispiel 1 : Verwenden Sie das Fieldset-Tag, um Tags zu gruppieren, die persönliche Informationen erfordern.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form> <fieldset> <legend>Thông tin</legend><br /> Name:<input type="text" name="name"><br /> Email:<input type="text" name="email"><br /> </fieldset> </form> </body> </html>Beispiel 2 : Verwenden Sie das fieldset-Tag, um Kunden- und Geschäftsinformationsfelder zu gruppieren.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h2>Thẻ fieldset Trong HTML</h2> <div> <form> <fieldset> <legend>Thông tin khách hàng</legend> Tên: <input type="text"><br> Email: <input type="text"><br> Địa chỉ: <input type="text"> </fieldset> <fieldset> <legend>Thông tin cửa hàng</legend> Tên: <input type="text"><br> Địa chỉ: <input type="text"> </fieldset> </form> </div> </body> </html>3. Attribute des fieldset-Tags
Dieses Tag hat die folgenden zwei grundlegenden Attribute:
- disabled – deaktiviert Elemente innerhalb des fieldset-Tags.
- name – der Name des Fieldset-Bereichs.
Verwenden Sie beispielsweise das Attribut disabled, um feste Informationen wie Zeitzone oder Land zu deaktivieren.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form> <fieldset> <legend>Thông tin cá nhân</legend><br /> Name:<input type="text" name="name"><br /> Email:<input type="text" name="email"><br /> </fieldset> <fieldset disabled="disabled"> <legend>Thông tin cố định</legend><br /> TimeStamp:<input type="text" name="time"><br /> Country:<input type="text" name="country"><br /> </fieldset> </form> </body> </html>4. Browser, die Fieldset unterstützen
- Chrom
- Feuerfuchs
- IE
- Safari
- Oper
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
