HTML <fieldset> 标签

标签定义及使用说明

标签可以将表单内的相关元素分组。

标签会在相关表单元素周围绘制边框。



提示和注释

提示: 标签为

元素定义标题。

 
 
 
< fieldset   style = "border-color:red" >
    
   fieldset >
 



 
 
< fieldset >
     < legend  > legend >
    
   fieldset >
 


属性

New :HTML5 中的新属性。

属性 描述
disabledNew disabled 规定该组中的相关表单元素应该被禁用。
formNew form_id 规定 fieldset 所属的一个或多个表单。
nameNew text 规定 fieldset 的名称。



 
< fieldset >
     < legend  > legend >
     ......
   fieldset >

看一个基本完整但没有样式的表单例子:
    < div  class = "col-md-5" >
        < form  role = "form"  action = ""  method = "post" >
            < fieldset >
                < legend  class = "text-center text-primary" > legend >
                < div  class = "form-group" >
                    < label > : label >
                    < input  type = "text"  name = "name"  placeholder = ""  class = "form-control" />
                div >
                < div  class = "form-group" >
                    < label > : label >
                    < input  type = "text"  name = "password"  placeholder = ""  class = "form-control" />
                div >
                < div  class = "form-group" >
                    < label > : label >
                    < div >
                        < label  class = "checkbox-inline"  style = "padding-left: 0;" >
                            < input  type = "radio"  name = "sex"  value = "0" >   
                        label >
                         < label  class = "checkbox-inline"  style = "padding-left: 0;" >
                             < input  type = "radio"  name = "sex"  value = "1" >   
                         label >
                     div >
                 div >
                 < div  class = "form-group" >
                     < label  for = "" > : label >
                     < div >
                        < label  class = "checkbox-inline" >
                            < input  type = "checkbox"  name = "hobby"  value = "" />   
                        label >
                        < label  class = "checkbox-inline" >
                            < input  type = "checkbox"  name = "hobby"  value = "" />   
                        label >
                        < label  class = "checkbox-inline" >
                            < input  type = "checkbox"  name = "hobby"  value = "" />   
                        label >
                        < label  class = "checkbox-inline" >
                            < input  type = "checkbox"  name = "hobby"  value = "" />   
                        label >
                    div >
                div >
                < div  class = "form-group" >
                    < label > : label >
                    < select  class = "form-control"  name = "province" >
                        < option  value = "0" > 广 option >
                        < option  value = "1" > option >
                        < option  value = "2" > 广 西 option >
                        < option  value = "3" > option >
                    select >
                 div >
                < div  class = "form-group" >
                    < input  type = "submit"  value = ""  class = "btn btn-primary" />
                div >
            fieldset >
        form >
    div >

 
HTML <fieldset> 标签_第1张图片

你可能感兴趣的:(学习笔记)