A tag fieldset em HTML
Nesta lição aprenderemos como usar a tag fieldset em HTML, o fieldset irá agrupar elementos relacionados em um formulário.
Agrupar essas informações ajudará os usuários a identificar facilmente o que inserir.
Especificamente, a tag fieldset criará um quadro em torno dos elementos dentro dela
1. O que é a tag fieldset em HTML?
A tag fieldset agrupará partes relacionadas do formulário para facilitar a inserção de informações corretas pelos usuários.
A tag fieldset cria um quadro em torno dos elementos relacionados.
Quando você deseja enviar ao usuário um formulário de entrada com muitos campos, anotar o campo com a etiqueta do rótulo pode não fornecer informações suficientes ao usuário sobre as informações que você deseja que o usuário insira. Então, usar a tag fieldset facilitará a inserção dessas informações.
Nota : você pode usar a tag de legenda para criar legendas para o grupo fieldse
2. Como usar o fieldset em html
Exemplo 1 : use a tag fieldset para agrupar tags que exigem informações pessoais.
<!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>Exemplo 2 : Use a tag fieldset para agrupar os campos de informações do cliente e da loja.
<!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. Atributos do conjunto de campos .tag
Essa tag tem dois atributos básicos:
- disabled – desabilita elementos dentro da tag fieldset.
- name – o nome da área do fieldset.
Por exemplo , use o atributo disabled para desabilitar informações fixas, como fuso horário, país.
<!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. Navegadores que suportam fieldset
- cromada
- Raposa de fogo
- IE
- Safári
- Ópera
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
