HTML <form>标签
form标签用于为用户输入创建HTML表单
HTML结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
form标签的基本语法
<form action="提交地址" method="提交方法"> // method提交方式
<input type="" name="" id="" value="" />
</form>
什么是表单元素?
表单元素是指不同类型的input元素,单选按钮,复选框,提交按钮等
input元素的type属性有text,radio,submit(提交表单)
form元素包含一个或多个如下的表单元素
input | 定义一个输入控件 |
textarea | 定义多行的文本输入控件 |
button | 定义按钮 |
select | 定义选择列表(下拉列表) |
option | 定义选择列表中的选项 |
optgroup | 定义选择列表中相关选项的组合 |
fieldset | 定义围绕表单中元素的边框 |
label | 定义input元素的标注 |
什么是action属性?
定义在提交表单是执行的动作,向服务器提交表单通常使用提交按钮,通常表单会被提交到web服务器的网页上
什么是method属性?
method属性是规定如何发送表单数据(表单数据发送到action属性所规定的页面)
表单数据可以作为URL变量(method="get")或者HTTP post(method="post")的方式来发送
get是默认的一个方法,并且适合少量数据的提交,若表单提交是被动的,并且没有敏感信息表单数据在页面地址栏中是可见的
post若表单正在更新数据,或者包含敏感信息,在页面地址栏中被提交的数据是不可见的
度量页面元素的尺寸
CSS中,W3C文档把尺寸单位划为为两类:相对长度单位和绝对长度单位,相对长度单位按照不同的参考元素,又可以分为字体相对单位和视窗相对单位,实际应用中,我们使用最广泛的则是em、rem、px以及百分比(%)来度量页面元素的尺寸。其中em 字体大小由浏览器默认大小决定 em==>px em*浏览器字体大小=px
%单位,字体大小由浏览器默认的百分之多少计算
px是固定单位 em和%不是固定单位 字体大小由浏览器大小决定
CSS HTML表格table
在HTML中,table标签用于定义表格
<table> 表示表格,表格的所有内容需要写在 <table> 和 </table> 之间
<tr> 是 table row 的简称,表示表格的行。表格中有多少个 <tr> 标签就表示有多少行数据
<td> 是 table datacell 的简称,表示表格的单元格,这才是真正存放表格数据的标签。单元格的数据可以是文本、图片、列表、段落、表单、水平线、表格等多种形式
<th> 是 table heading 的简称,表示表格的表头。<th> 其实是 <td> 单元格的一种变体,本质上还是一种单元格。<th> 一般位于第一行,充当每一列的标题。大多数的浏览器会把表头显示为粗体居中的文本
<!-- cellspacing单元格之间的距离 cellpadding边框和内容之间的距离 -->
<!-- <tr>行 <th>表格的头部列 <td>内容列-->
<!-- colspan合并列
rowspan合并行 -->
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<!-- <th>Header</th> -->
<th rowspan="2">星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
</tr>
<tr style="text-align: center;">
<!-- <td>Data</td> -->
<td>语文</td>
<td colspan="2">数学</td>
<td>英语</td>
<td>计算机</td>
</tr>
<tr style="text-align: center;">
<td>俄语</td>
<td>体育</td>
<td>毛概</td>
<td>专业辅导</td>
</tr>
</table>