**
2.27学习总结
#### 表格(*)
表格和excel一样,都是用来展示数据的
<table>
标签:告诉浏览器<table>
和</table>
之间的内容属于表格。
border属性
:边框。cellspacing属性
:控制单元格与单元格之间的距离。width属性
:用来设置表格的宽度。
-
<thead>
标签:给表格添加表头(可选)。 -
<tbody>
标签:表格的主体部分(必选)。注意: 很多程序员写代码的时候不写
thead
、tbody
、tfoot
这样写也可以,但是即使你不写tbody
因为他是必选的浏览器在解释的时候也会自动加上。 -
<tfoot>
标签:表格的脚注部分(可选) -
- 在thead、tbody、tfoot中每一行数据使用
<tr>
标签。
- 在thead、tbody、tfoot中每一行数据使用
-
thead中的tr中的单元格使用
<th>
标签。 -
tbody、tfoot中的tr中的单元格使用
<td>
标签。
tr常用的属性: -
align属性
:设置本行的文本的对齐方式。- left(默认)
- right
- center
-
height属性
:设置行的高度。 -
valign属性
:规定表格中内容垂直的对齐方式。middle
,居中对齐(垂直居中)bottom
,下对齐。top
,上对齐。
4.td常用的属性:
-
align属性:设置单元格的对齐方式。
-
colspan属性:规定单元格可以横跨的列数。
-
- rowspan属性:规定单元格可以竖跨的行数。
10.#### 内框架(***)
- rowspan属性:规定单元格可以竖跨的行数。
格式:<iframe></iframe>
-
src属性:载入框架时要载入的文档的地址。
-
width属性:规定iframe属性的宽度。
-
height属性:规定iframe属性的高度。
-
name属性:给iframe起一个名字,可以配合a标签的target来使用。
-
<input />
标签,定义输入框。-
type属性
:定义输入框的类型。根据type属性的值来确定使用其他的属性。-
text
值,表示定义一个文本框,让用户进行输入。-
value属性:用来设置默认值。
-
maxlength属性:用来设置允许输入的最大字符长度。
-
name属性:给你的这个输入框起一个名字。一个标识。
userName = lipeiqian & email= lipeiqian%40163.com
-
disabled属性:表示禁用该输入框。
-
readonly属性:表示输入框只读。
disabled属性和readonly属性他们虽然都不能更改输入框中的值,但是disbaled属性不会向服务器端传值,而readonly属性可以向服务器传值。
-
-
password
值,表示一个密码框。- name属性:也是给密码框一个标识一个名字。
-
radio
值,表示一个单选框,只能选择一个。- name属性:该属性也是传递到服务器上的标识。
- value属性:指定的name对应的单选框选中之后传递到服务器上的值。
- checked属性:默认的时候选中该单选框。
注意:
- 多个单选框如果为一组那么他们的name的值要相同,否则不会出现单选效果。
-
checkbox
值,复选框,多选框。可以选择多个。- name属性:传递到服务器上的标识是什么(为了不发生覆盖我们通常会给名字的后面加上
[]
) - value属性:传递到服务器上的值。
- checked属性:默认选中。
- name属性:传递到服务器上的标识是什么(为了不发生覆盖我们通常会给名字的后面加上
-
file
值,上传框。- name属性:标识。
-
submit值
,提交按钮。- value属性:表示按钮显示出来的值是什么。
-
reset
值:重置。 -
image
值,用图片代替submit按钮原来的样式。- src属性:用于指定图片的位置。
- width属性:用于指定图片按钮的宽度
- height属性:用于指定图片按钮的高度。
-
-
-
<label>
标签:用来为<input />
标签提供标注。- for属性:input进行绑定。绑定的值为input标签的id属性的值。
-
<select>
标签:定义一个下拉列表。- name属性:定义下拉列表的名字。
- disabled属性:禁用下拉列表。
-
<option>
标签:定义下拉列表中的每一项。- value属性:传递给服务器的值。
- disabled属性:禁用该项。不允许选择。
-
<optgroup>
标签:对<option>
进行分组。- label属性:说明分组的描述。
-
多选下拉列表
- select标签的multiple属性:可以进行多选。
- size属性:显示几个。
注意: 如果要选中的话需要按住ctrl键。
-
文本域
<textarea>
:用来输入大段的文字。注意:
- textarea的默认值应该标记中间。
- 如果开始和结束标签不在一行,那么中间的内容会被当做默认值来处理。
-
<button>
标签:用来表示一个按钮- type属性:表示按钮的类型:值可以是button,submit、reset。