Il tag fieldset in HTML
In questa lezione impareremo come utilizzare il tag fieldset in HTML, il fieldset raggrupperà gli elementi correlati in un modulo.
Il raggruppamento di tali informazioni aiuterà gli utenti a identificare facilmente cosa inserire.
In particolare, il tag fieldset creerà una cornice attorno agli elementi al suo interno
1. Qual è il tag fieldset in HTML?
Il tag fieldset raggrupperà le parti correlate del modulo per facilitare l'inserimento delle informazioni corrette da parte degli utenti.
Il tag fieldset crea una cornice attorno agli elementi correlati.
Quando si desidera inviare all'utente un modulo di input con molti campi, l'annotazione del campo con il tag etichetta potrebbe non fornire informazioni sufficienti all'utente sulle informazioni che si desidera che l'utente inserisca. Quindi, l'utilizzo del tag fieldset renderà più semplice l'immissione di tali informazioni.
Nota : puoi utilizzare il tag legenda per creare didascalie per il gruppo di campi
2. Come utilizzare fieldset in html
Esempio 1 : utilizzare il tag fieldset per raggruppare i tag che richiedono informazioni personali.
<!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>Esempio 2 : utilizzare il tag fieldset per raggruppare i campi delle informazioni sui clienti e sul negozio.
<!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. Attributi del tag fieldset
Questo tag ha due attributi di base come segue:
- disabilitato – disabilita gli elementi all'interno del tag fieldset.
- name – il nome dell'area fieldset.
Ad esempio , utilizzare l'attributo disabilitato per disabilitare informazioni fisse come fuso orario, paese.
<!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 che supportano fieldset
- Cromo
- Firefox
- CIOÈ
- Safari
- musica lirica
