表格
<table>
<thead><tbody><tfoot>三个双标签不是必须的
<tr>
<td></td>
</tr>
</table>
tr行 td列
cellspacing 表格与外壳之间的距离
cellpadding 表格与内容之间的距离
bgcolor 单元格背景色
rowspan=" "行合并向下呈一列
colspan=" "列合并向右呈一行
th标签标题标签可以替代td会有居中加粗的效果
表单
<form action=" " method=" ">
</form>
action是一个提交路径,将表单的所有数据发送到指定的路径中去
method 是提交方式,get post二选一
get:会把请求参数拼写在请求url(网址)的末尾,用?连接 key1=value1&key2=value2
用于查询情况较多,因为明文可见,所以有安全隐患,但效率较高,有长度限制(1k)
post:把请求参数放在“请求体”中,不是明文的,用于增删改较多,安全性有保证,长度无限制
表单控件,写在form标签里
input 标签
有(type属性)type=" text " type="password"
input type=" text " 文本输入框
input type="password" 密码输入框
input type="submit" 提交框,按钮上自带提交字样,将表单的所有数据提交到指定的action,在其value值里面写值可以更换显示字样
input type="reset" 重置框
input type="button" 自定义按钮,只有按钮的样子
也有一个标签叫<button></button> (默认是一个提交按钮,在标签对中写值 ,type可以选择submit reset button)
提交按钮处理的是整个表单的内容与放置的位置无关
与type对应的属性:
有name属性,表单控件的名字,与数据交互有关,很重要的属性
有value属性,代表的框里面输入的值,表单控件input的值
placeholder="搜索" (站位属性)
maxlength=3 (最大长度)
pattern=
readonly=" " 只读
disable=" " 禁用
input type="radio" 标签,单选按钮,name要相同才能达到单选的效果(如果写checked=" "/"checked"/"true"默认选中)
input type="checkbox" 复选框(向后台传一个数组,有几个相同的名字传几个数组)
input type="date" 日期
input type="email" 有邮箱格式校验功能
input type="image" src=" " (本质上是有提交功能的图片)
input type="hidden" 隐藏域,需要平台进行记录,又不希望展示的内容
input type="file" style="width=70px;" 文件域,上传文件用
select标签
option value=" "
option value=" "
option value=" "
如果需要默认选中则写selected=" "/" selected"/"true"
testarea标签
多行文本域
<testarea row="10" cols="100" style=" resize:none;"> </testarea>
10行100列,大小不可变
以下效果为电极用户名:鼠标变换位置到input (id="username")
<label for="username">用户名:</label><input id="username" type="text">