html5 知识点简单总结03

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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”

以上是关于html5 知识点简单总结03的主要内容,如果未能解决你的问题,请参考以下文章

HTML5知识点总结

熬夜总结了 “HTML5画布” 的知识点(共10条)

h5调用底层接口知识总结

h5调用底层接口知识总结

Html5相关的知识点总结

html5 audio标签相关知识点总结