html5 知识点简单总结03

时间:2023-03-09 00:17:25
html5 知识点简单总结03

table表格

----基本结构

table默认无边框(border)

<table border="数值">

<tr>

<th>表头</th>

<th>表头</th>

</tr>

<tr>

<td>单元格</td>

<td>单元格</td>

</tr>

</table>

table的属性

边框 border = "数值"

单元格之间的间距 cellspacing="数值"

内容到单元格边框的距离 cellpadding="数值"

th 默认样式 加粗 水平居中 垂直居中

td 默认样式 水平左对齐 垂直居中  style="text-align:center" align="center" (淘汰)

水平对齐方式:left(左对齐)、center(居中对齐)、right(右对齐)

--------合并单元格

1.行合并   上下合并单元格   属性 rowspan="合并的行数"

2.列合并   左右合并单元格   属性 colspan="合并的列数"

==================================

form表单

method  提交的方法

1.get  不安全 大小有限制

2.2.post 安全 大小不受限制

<form action="表单要提交的服务器的页面地址" method="get或者post">

<input type="text" name="自己起的名字" value="" / >

</form>

<Label ><input type="text" name="自己起的名字" value="" / >

</form></Label>

<Label for=”666” ><input type="text" name="自己起的名字" value=""  id=”666”/ >

</form></Label>

Label 有 for 就一定用id

点击文字即可选中文本框

input 属性type值:

1.text   文本框

2.password   密码框

3.radio      单选框    一组里的name必须是同一个值   默认被选中  给input标签加checked="checked" 或者 直接加checked

4.checkbox   复选框    默认被选中  给input标签加checked="checked" 或者 直接加checked

5.submit     提交按钮  value值记得加上

6.reset      重置按钮

7.button     一般按钮

8.hidden     隐藏域

9.file       文件上传框

属性 placeholder=”默认显示,鼠标点击会消失”

一般按钮  <button>普通按钮</button>  type设为submit 或 reset 必须在form 表单里 否则无效

属性 disabled=”disabled” 表示按钮不可用 也可用于其他表单

文本域(多行文本框)

<textarea cols="列数" rows="行数">

</textarea>

实现文字在多行文本框左上 用 vertical-align=”top”; middle(中间) bottom(底部)

下拉选项框(下拉列表)

<select>

<option value="值">内容</option>

<option value="值" selected>内容</option>

....

</select>

默认选中 selected=”selected”