(25)HTML标签详解之<form><input><label><fieldset><legend>

HTML标签详解之<form><input><label><fieldset><legend>

         <form> 标签用于为用户的输入创建 HTML 表单，用于向服务器传输数据。它是块级元素。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

          <form>元素重要的属性是action、method、name、target、autocomplete 。

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<img src="https://img-blog.youkuaiyun.com/20160728012548090?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

fieldset 元素可将表单内的相关元素 分组 。 <legend> 标签 为 fieldset 元素定义标题。

       <label> 标签为 input 元素定义标注（标记）。<label> 标签的 for 属性应当与相关元素<input>的 id 属性相同。当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。常用在单选框和复选框上。

            <label for="male">  Male  </label>

<span style="white-space:pre">	</span><input type="radio" name="sex" id="male" />
<span style="white-space:pre">	</span>        <br />
<span style="white-space:pre">	</span><label for="female">  Female  </label>
<span style="white-space:pre">	</span><input type="radio" name="sex" id="female" />

                     <img src="https://img-blog.youkuaiyun.com/20160728013559986?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

<input> 标签用于搜集用户信息

<input>标签最重要的属性有type、name、value、width、height、required、readonly .......

    根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是

• text 、password、radio、checkbox、reset、submit、button、file、image、hidden。
•