html表单元素

一、from标记
表单必须以开始并以结束。标记可以看作是一个包含许多表单控件的容器，它的功能包括：
排列各种表单控件的布局，让表单能够以一种友好的界面呈现在浏览者面前。
用来把整个最终处理数据结果发送到目标程序上，这个数据结果是由许多对名称和数据值的统一体（即“名/值”对）组成的。
定义一种数据发送到服务器的方法。
用来解码服务器所能接受和处理的数据，一旦浏览器遇到不可辨认的字符，表单就会进行解码处理，然后再提交到服务器。
基本格式:<form action=“/login” method=“post”></form>
action表示表单提交后，服务端响应地址；medthod表示发送数据方式：post、get。
二、input元素
标记限定了表单内的输入区域。它要求用户以几种方式中的一种输入信息。不同的输入方式由属性type指定。该属性的值可为text、radio和checkbox等。
基本语法：<input type="text" name="" value="" size="" >
name属性：用来对表单组件的内容进行识别。name属性对于用户来说是不可见的，在表单中则必须是唯一的，它涉及到表单提交后对数据的唯一性确认。
value属性：是可选的，用来表示文本域的初始文本。size属性：限定了输入框的实际大小

                                                 type取值

取值	描述
text	文本输入
radio	单选按钮
checkbox	复选框元素
password	密码域
file	上传文件
submit	提交按钮
reset	重置按钮
image	图像按钮
hidden	隐藏域

三、下拉选择
下拉菜单要使用的标记是，该标记包含结束标记。

 <select name="">            
        <option value=“”>下拉选择内容</option>                
        <option value="">下拉选择内容</option>            
        <option value="">下拉选择内容</option>        
    </select> 

size属性是希望在窗口中显示的选项数，默认值为1。如果限定size值大于1，则下拉菜单将变为滚动菜单。
下拉菜单默认用户只能选中一个选项。可以通过使用multiple属性将选择区域设置为可以接受任意数目的选项，按下Ctrl键点击选项即可选择多个选项。

标记用于标示列表中的项目。每个列表项都要有一个标记。其结束标记是可选择的。 每个被选中选项的value属性与表单数据一起发送给表单处理程序。如果没有设置value属性，那么将用选项的内容代替。

四、表单区域fieldset和legend
fieldset标记在表单部件外面建立一个边框以<fieldset>开始，以</fieldset>结尾
，legend标记给fieldset提供了一个名签，以<legend>开始，以</legend>结尾。
五、文本区输入元素

 <textarea name= "" cols="" rows="">文本区输入内容</textarea>

cols：列数(文本区宽度)，rows：行数(文本区高度)。
六、button值和button标记
使用button作为type属性的值就可以随意选择来使用按钮。可以通过使用脚本来确定按钮的功能;

<input type = "button" name="button-id" value="button-label-text" οnclick="script">

onclick属性给出了当按钮被点击时激活脚本的名称，script为执行的脚本内容。
也可以使用专门的标记来显示按钮控件：

<input type=“submit” value=“Submit 按钮”>            
    <input type=“reset” value=“Reset 按钮”>         
    <input type="button" value="Button 按钮">        
    <br/>        
    <button type=“submit”>Submit 按钮</button>           
    <button type=“reset”>Reset 按钮</button>            
    <button type="button">Button 按钮</button>