HTML标签、属性

标签:

  • <fieldset>:fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。效果图如下。
  • <legend>:为 fieldset 元素定义标题。
   
  • <label>:为 input 元素定义标注。  
    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
    <label> 标签的 for 属性应当与相关元素的 id 属性相同。
1 <input type = "radio" name = "sex" value = "男" id = "sexMale">
2 <label for = "sexMale"></label>
3 <input type = "radio" name = "sex" value = "女" id = "sexFemale">
4 <label for = "sexFemale"></label>

          

只要点击在文字上就能选中。



  • <optgroup>:通过 <optgroup> 标签把相关的选项组合在一起。
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

  效果图:


属性:

  • class:规定元素的类名,对特定元素或者特定一组元素应用特殊的样式。
  • id:规定元素的唯一 id,用于定义一个元素的独特的样式。
原文地址:https://www.cnblogs.com/clara/p/2108769.html