HTML 表单

一、<form>    </form>表单的标记对，表单的输入控件需包含在标记对内，另XHTML中的段落、表格等元素也可以放在表单标记对内。

二、HTTP GET/POST协议，其中POST协议为常用协议。

三、常用输入控件

注意：a、XHTML中，一个组中的元素，name属性值必须是相同的，而id属性值不能相同。

        b、使用文件上传控件，需要指定<form>的 enctype 属性为 ”form/multipart”.以允许要上传的文件与其他数据附带在一起传递，且 method 属性设置为"post"。

        c、<select>与<option>属性组合使用，产生下拉列表。

1、input  使用type属性定义不同的控件；例如：

     <input type="text" id=""  maxlength="" size="" /> 文本框控件，是让用户输入单行文本的控件，size 是文本框的长度，maxlength 是最大输入字符长度，id是表单唯一的标识号。

     <input type="password" / > 口令输入框，用户输入的字符显示为星号或者其他字符，<input> 的属性设置同上 "text"。

    <input type="radio"  value="成都" checked />单选框控件,

    <input type="checkbox"  checked /> 复选框控件，用户操作时是选择一个或者多个选项，需要有一个返回值，使用<input>的 value 属性设置；使用 checked 属性指定初始界面是被显示（即默认）的选项,当对页面初始状态无要求是，可以省略 checked 属性。

   <input type="submit"  value="确定" />提交按钮

   <input type="reset"  value="返回" />重置按钮，提交和重置按钮实际上不会传输任何信息，value 的返回值实际上是显示在浏览器中按钮上的标题。

   <input type="hidden" id="e-mail" value="[email protected]" />隐藏字段，在浏览器中没有显示，但是在代码中可以看到相关信息。

   <input type="botton"  value="增加" /> 按钮控件 ，value 是在浏览器中按钮显示的标题。

   <input type="file" id="resume" / >文件上传控件。该语句前需书写<form id="****(id名字)" action="#" method="post" enctype="fprm/multipart">.

   <input type="image" src="img.jpg"(img.jpg是指图片的地址或者名字) alt="***"(*为图片描述信息)/ > 图片控件，alt 是指在浏览器中当图片无法显示时，图片位置显示的相关信息。

   <input> 中的 readonly  属性，只读属性

   <input> 中的 disabled 属性，使输入控件不可用。

2、<select></select>   下拉列表

   <select> 可以给整个列表命名；<option>元素集合标识列表选项；每个<option>选项的 value 属性给每个选项一个唯一的值, selected 属性可以初始化某一选项。

     <select  name="food">

          <option value="川菜" selected>川菜</option>

          <option value="粤菜">粤菜</option>

          <option value="西餐">西餐</option>

     </select>

使用<select>中的 size 属性可以指定显示多少选项，使用 multipart 属性可以选择多个选项。

   <select id="food" multipart="multipart" size="3">

3、<textare>  多行文本框，可以使用  rows 和 columns 属性指定控件的高度和宽度。

   <textarea rows="10" columns="20">请输入你的自我介绍</textarea> 创建了一个10行20列的多文本框。

4、<fieldset></fieldset>为有边框的的盒子

<legend>标题</legend>为给盒子加上标题，即文档占据盒子四周框线的 一部分；

<form> 

    <fieldset>

           <legend></legend>

    </fieldset>

</form>