【html】常用标签之 table表格 lable 表单

表格标签
<table> 表格标签,设置表格线样式等
<table border="1" cellspacing="0"> 表格线

<thead> 表头
<tr> 表格头里的行
<th> 表头单元格

<tbody> 表体
<tr> 表行
<td> 单元格,可放文本.图片.段落
<td rowspan="3"> 行合并

<tfoot> 表格脚
<td columspan="6"> 列合并

【表单标签】
<form> 表单
action 表被提交执行的操作,提交给服务器处理程序的地址
method 定义表单提交数据时的方式
get 明文提交安全性低,最大2kb
post 隐式提交,安全性高,无大小限制

enctype 编码类型即表单数据进行编码的方式
取值:
1.application/x-www-form-urlencoded 允许将普通字符,特殊字符都给服务器,不允许提交文件
2.multipart/form-data 允许将文件提交给服务器(method必须为post)
3.text/plain 只允许提交普通字符

<input>表单控件的type值:
password 星号加密
text 普通文本
radio 单选
checkbox 复选
submit 功能固定化
file 文件上传

[文本]
<lable for='user'>用户名:</lable>
<input type="text" name="username" id="user" paceholder="请输入用户名">

[密码]
<lable for='password'>密码:</lable>
<input type="password" name="password" id="password" paceholder="请输入用户密码">

[按钮]
<input type="button" name="btn" value="提交"> 普通按钮

[提交按钮]
<input type="submit" name="btn" value="提交"> 提交按钮,提交表单专用

[重置按钮]
<input type='reset'> 重置按钮

[单选框]
<input type="radio" name="sex" value="男" checked="">男 //checked 默认选中
<input type="radio" name="sex" value="女">女 //实现互斥效果,name值必须相同

[复选框]
<input type="checkbox" name="tase" value="酸">酸
<input type="checkbox" name="tase" value="甜">甜
<input type="checkbox" name="tase" value="苦">苦
<input type="checkbox" name="tase" value="辣">辣

[文件上传]
<input type="file" name="textfile">

 

【文本域】
<textarea cols='20' rows='5' name='txt'> 请做自我介绍</textarea>

【下拉列表】
<select name="sel">
<option value="北京" select="">北京</option> //select代表默认
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
<option value="杭州">杭州</option>