表格的基本结构
单元格中数据的对齐方式
- 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>