2017.9.17 HTML学习总结---table标签

接上：

2.1.3  HTML表单标签与表单设计

表单是用户与服务器交互的主要方法，用户在表单中输入数据，提交给服务器程序来处理。

(1)表单的组成：

　　　文本框（text），密码框（password），多行文本框（Multiline text box）、

单选按钮框（Single - radio copy box),复写框（Carbon frame),文本域（text field)，隐藏（hidden）

下拉菜单/列表（Drop down menu list）、按钮（buttom）等元素。。。

(2)<form> 和</form>标记及其属性

　　它包括：name，method，action，target等属性

　　语法格式：

　　　　<form name="表单名称" method="提交方法" action="处理程序">

　　　　.......

　　　　</form>

(3)<input>标记及其属性

（它必须嵌套在表单标记中使用，用于定义一个用户的输入项，它是单标记）

　　基本语法：

　　　　　<input name="输入域名成" type="域类型" value="输入域的值">

注意：<input>标记主要有6个属性：type，name，size，value，maxlength，check。

　　　其中，name和type是必选的两个属性，name属性的值是响应程序（由form标记中的action属性指定）中的变量名。

(4)input输入域的九种类型

　4.1 文本域：

　　 <input type="text" name="文本字段名称" maxlength="" size="" value="">

含义：size和 maxlength是用来定义次区域显示的尺寸大小与输入的最大字符数；

　4.2密码域：

　　<input type="passord" name="密码字段的名称" size="" maxlength="" value="">

含义：当用户输入密码时，区域内将会显示“ * ”号代替用户输入的内容.

　4.3单选按钮：

　　 <input type="radio" name="" value="" checked/>

含义：check的属性用来设置改单选按钮默认状态是否被选中，当有多个互斥的单选按钮时，设置相同的name值.

　4.4复选框：

　　 <input type="checkbox" name="" value="" checked/>

含义：check的属性用来设置改单选按钮默认状态是否被选中，当有多个互斥的复选框时，可设置相同的name值，

也可以设置不同的name值。

　4.5提交按钮：

　　 <input type="submit" name="" value=""/>

含义：将表单内容提交给服务器的按钮

　4.6取消按钮：

　　<input  type="reset"  name=""  value=""/>

　4.7图像按钮：

　　<input type="image"  src="图片"/>

含义：使用图像代替submit按钮，图像的源文件名由src属性指定

　4.8文件域：

　　<input type="file" name=""  maxlength=""/>

含义：上传文件

　4.9隐藏域：

　　<input type="hidden"  name="" value=/>

含义：用户不能在其中输入信息，用来预设某些要传递的信息