与浏览者交互——表单标签

1.使用HTML表单（from）可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。

语法：<form    name="表单名称"    method="传送方式"    action="服务器文件">

    <form>：<form>标签是成对出现的，以<form>开始，以</form>结束。

    name：name属性用于定义表单的名称。

    method：用于定义表单结果从浏览器传送到服务器的方式，一般有（get/post）。

                    采用post方法：浏览器将于action属性指定的表单处理服务器建立联系，一旦建立连接后，浏览器就会按分段传输的方式将数据发送给服务器，在服务器端，一旦post样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单之前，必须对这些参数进行解码。

                    采用get方法：浏览器会与表单处理服务器建立了连接，然后直接将在一个传输步骤中发送所有的表单数据，浏览器会将数据直接附在表单的处理程序URL之后，他们之间使用“？”进行分隔，各个参数之间使用“&”分隔。

    action：action属性用于指定表单处理程序的位置，即数据被传送到的地方，比如一个PHP页面（save.php）。

所有的表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间，否则用户输入的信息无法提交到服务器上。

2.文本输入框、密码输入框：当用户需要在表单中键入字母、数字等内容时，就会用到文本输入框，文本输入框也可以转化为密码输入框。

语法：<form>

                <input    type="text/password"    name="名称"     value="文本">

           </form>

type：当type="text"时，输入框为文本输入框；当type="password"时，输入框为密码输入框。

name：为文本框命名，以备后台程序ASP、PHP使用。

value：为文本框设置默认值。（一般起提示作用）。

3.文本域——支持多行文本输入：当用户需要在表单中输入大段的文字时，需要用到文本输入域。

语法：<textarea    rows="行数"    cols="列数">文本域的默认值（也可不输）</textarea>。其中row和col可用css样式表的width和height来代替。

4.单选框和复选框。语法：<input    type="radio/checkbox"    value="值"    name="名称"    checked="ckecked"/>

type用来定义是单选框还是复选框；value的参数值就是在该选项被选中并提交后，浏览器需要传递给服务器的数据；name用来为控件命名，以备后台程序ASP、PHP使用，单选框的name值应该相同，复选框的name值应该不同。

5.下拉列表框。

                 

                

value的参数值就是在该选项被选中并提交后，浏览器需要传递给服务器的数据。

下拉列表框进行多选：在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在Windows操作系统下点击时按下Ctrl,就可以进行多选操作。

6.提交数据——提交按钮：当用户需要提交表单信息到服务器时，就需要用到提交按钮。

    语法：<input    type="submit"    value="提交">。

    只有当type的属性值设置为submit时，按钮才有提交作用；value用于设置按钮上显示的文字。

7.重置表单信息——重置按钮。语法：<input    type="reset"    value="重置">

    只有当type的属性值设置为reset时，按钮才有重置作用。

8.表单中的label标签：label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

语法：<label    for="控件id名称">……</label>。    标签的for属性中的值与相关控件的id属性值一定要相同。