table跟form表单 input

表格

table:

tr标签：表示一行

td标签：表示一行里面的一个单元表格

th标签：表示一行里面的一个单元表格（一般放在thead中）

<!-- cellspacing设置单元格的外边距距离  cellpadding设置内边距  border设置表格外边框线条大小 -->
<table cellspacing="0" cellpadding="20px" border="1">
    --（表头 -- 显示每一列字段 一般用th做单元格）
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    --（表体 -- 数据一般放这里）
    <tbody>
        <tr>
            <!-- td内的属性colspan:跨列进行合并 rowspan 跨行进行合并-->
            <td></td>
            
        </tr>
    </tbody>
    --（表尾 -- 一般做些总结）
    <tfoot ></tfoot >
</table>
​

​

---

####​

form表单

<form action="表单要提交的地址或者请求" method="请求方式">
​
</form>

get请求方式：

1.会把请求参数放在地址栏后面

1. 速度快

2. get安全性不高

3. get请求一般用于查询或者删除

4. 可以传送的数据比较小

post请求方式：

1.会把请求参数放在请求体中

2.速度比get慢

3.相对get来说安全一些

4.post请求一般用于修改和添加操作

5.可以传送的数据相对比get大一点

​

---

​

input标签：

表单元素标签

value属性

type属性值：

size属性：可以设置input的长短{size=""}

checked：（默认选框）

radio：单选框

checkbox: 复选框

file:文本域（上传文件啥啥啥的）

button：按钮

submit:提交form表单的按钮

reset:重置按钮（清空你在文本框输入的内容）

hidden：隐藏按钮

隐藏域在页面是看不到的，但在表单提交时，隐藏域也会提交

date:日期类型

number：数字框（只能输入数字）

email：邮箱框（同上）

image：图片按钮，也可以用来提交表单

如：

<input type="image" src="图片路径">

总结：

1.所有要提交的表单元素都需要设置name属性。

2.像单选，复选，下拉框都需要设置value值。

下拉列表框

要写value值

selected:默认

<select>
    <option value="娄底">娄底</option>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
</select>

text area：文本域

文字的空格，换行都会保留下来

如：

<textarea cols="设置列" rows="设置行" >
​
​
</textarea>

禁用和只读

disabled:禁用，不能选择，不能修改

<input type="text" value="ddd" disabled>

readonly:只读，能选择,不能修改

<input type="text" value="ddd" readonly>

域标题

<fieldset>

<legend>用户登录</legend>

</fieldset>

label标签

<label for="m">爬山</label>
    
<!-- 用id来关联两个标签，使我点击了文字也可以选中复选框-->
    
<input id="m" type="checkbox" name="pas">
​
​
​
<!-- 一般来说只能放一个，不使用for属性也可以-->
<label >
    <input id="m" type="checkbox" name="pas">爬山
</label>

总结

块级元素：

如果标签本身默认独占一行，则这个标签就是一个块级元素

例如：p，h1-h6，ul，li，div

行级元素（内联元素）：

如果标签本身默认不独占一行，则这个标签就是行级元素

例如：a，input，td，i，strong，span

标签内的嵌套：

1.p标签不能嵌套其他块元素，p标签包不住块元素

2.块级元素可以嵌套块级元素和行级元素

3.行级元素可以嵌套行级元素，不建议嵌套块级元素

4.行级元素在同一级，块级元素在同一级，不建议行级元素和块级元素在同一级

5.li可以嵌套div标签