表格及表单

表格的基本结构

 

 

 

 

 

单元格中数据的对齐方式

 

• Align = left

 

• Align = center

 

• Align = right

• Valign = top

• Valign = middle

• Valign = bottom

合并单元格

 

1.水平合并在 <TD> 或 <TD> 标记中使用 COLSPAN 属性，可以设置单元格所跨的列数，例如COLSPAN=3表示跨3列。

 

2.垂直合并在 <TD> 或 <TD> 标记中使用 ROWSPAN 属性，可以设置单元格所跨的行数，例如ROWSPAN=3表示跨3行。

 

表格总结

表格的基本结构

表格标记table的属性

border/width属性

cellspacing/cellpadding属性

 行标记tr的属性

 algin属性

 valgin属性

height属性

单元格td的属性

 colspan属性   水平合并

rowspan属性  垂直合并

algin属性

 valgin属性

width/height属性

 

表单的组成

 

表单标签  <form action=“表单提交地址”method=“post/get”>

 

     这里面包含了所有的表单控件

 

  </form>

Get与post的区别：

GET请求的数据会被浏览器缓存起来，用户名和密码将明文出现在URL上，其他人可以查到历史浏览记录，数据不太安全. Get传输的数据有大小限制因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了，不同的浏览器对URL的长度的限制是不同的. Get请求的参数会跟在url后进行传递，请求的数据会附在URL之后，以?分割URL和传输数据，参数之间以&相连,％XX中的XX为该符号以 16进制表示的ASCII，如果数据是英文字母/数字，原样发送，如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密.

 

Post没有限制提交的数据。Post比Get安全.则用get，因为使用get，参数会显示在地址，对于敏感数据和不是中文字符的数据，则用post.

 

表单元素

输入标签：<input   type=“值”/> 

   值：  text    单行文本框，只能输入一行文本 

         password    密码框

         radio       单选框

         checkbox    复选框

         file         文件域

         submit      提交按钮

         reset         重置按钮

         button      普通按钮（一般按钮）

 

•name属性

<input type="radio" name="sex"   />男

<input type=“radio” name=“sex”  /> 女

–注意： Name属性定义单选框的名称，单选框都是以组为单位使用的，在同一组中的选项必须使用同一名称

 

•checked属性

 

申请产品：<input  type=“checkbox”  checked=“checked”/>实木

 

•value属性

<input  type=“submit”  value=“提交 ”/>

 <input  type=“submit”  value=“取消 ”/>

 

下拉菜单<select></select>：

 

  主要用于在有限的空间里设置多个选项。

　　

<select>

      <option value=“”>请选择</option>

   <option value=“1” selected=“selected”>1949 </option>

</select>

 

•文本域

–主要用于输入较长的文本信息

<textarea  rows=“5” cols=“30”>     </textarea>