首页 > 代码库 > 表格及表单

表格及表单

表格的基本结构

技术分享

 

 

 

 

技术分享

 

单元格中数据的对齐方式

 

  • 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=http://www.mamicode.com/“提交 ”/>
 <input  type=“submit”  value=http://www.mamicode.com/“取消 ”/>
 

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

 

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

  

<select>

      <option value=http://www.mamicode.com/“”>请选择

   <option value=http://www.mamicode.com/“1” selected=“selected”>1949

</select>

技术分享

 

•文本域
–主要用于输入较长的文本信息
<textarea  rows=“5” cols=“30”>     </textarea>
技术分享
 
 

 

 

表格及表单