一、表格,用来展示数据,表格可以通过设计页面直接制作
<table>代表表格
width:表格宽度
border:表格边框
cellspacing:单元格的边距
cellpadding:单元格的间距
<tr>代表行
<td>代表列
width:列高
height:行高
align:水平对齐方式 center居中对齐 left左对齐 right右对齐
valign:垂直对齐方式 middle居中 top上对齐 bottom下对齐
bgcolor:背景色
colspan:合并列
rowspan:合并行
<th>相当于<td>用来做表格第一行的标题,会自动加粗和居中
<tbody>代表表格的主体
二、表单:用来和用户进行交互
<from>代表表单,双标签
action属性指提交给谁,需要指向一个页面即提交的地址
method属性是提交的方式 ,有两种:
1.get方式传值是显露的传值方式,传的值在地址栏里显示,不安全,但是简单,传值是有极限的,超过会丢失,提交的方式是?aa=bb,aa是name值,bb是value值
2.post方式传值是隐藏的传值方式,传的值是隐藏的,所以没有长度限制
enctype="multipart/form-data"如果提交的不是文本,则需要这个属性
表单分为三类:
一.文本类
1.<input type="text" />文本框,单行文本
name属性,基本所有表单元素都有这个属性,带表名字,
value属性,代表表单的值,
disable="disable"属性是表单不可用,甚至不可以提交值,
readonly="readonly"属性表单变为只读,但是可以提交值,
placeholder="提示内容",这个属性会在输入框中默认出现提示字,焦点选中输入框输入时,提示字会自动消失。
2.<input type="password" />密码框,输入的值默认显示为一串圆点
3.<input type="hidden" /> 隐藏域,虽然隐藏,但是依然可以提交值,用来保护必须提交但是不想让用户看到的表单值
4.<textarea></textarea>文本域,中间放入的内容是value值,但是不能用属性value来定义值
rows属性用来调整文本域的行数
二.按钮类
1.<input type="button" />普通按钮,能够点击,但是没有作用,需要js脚本实现具体的点击作用
value属性代表按钮里显示的内容
2.<input type="submit" />提交按钮,有提交作用
value属性代表按钮里显示的内容,默认为提交
3.<input type="image" src="">图片按钮,有提交作用
4.<input type="reset" />重置按钮,重置页面,清除内容
value属性代表按钮里显示的内容,默认为重置
三.选择类
1.<input type="radio" >单选按钮,至少两个为一组,组内name属性设置为同一值,组内按钮有互斥作用
name属性为单选按钮的名字,同一名字的单选按钮之间互斥
value为单选按钮的值
checked="checked"默认选择属性
2.<input type="checkbox" />复选按钮
name复选框的名字
value复选框的值
3.<select></select>下拉列表,用<optin></optin>代表下拉列表中的每一项
size属性,表示下拉的长度
multiple="multiple"属性,变为可以复选,复选方式为按住ctrl复选
<optin></optin>
有value值,不赋值时提交的值是里面的内容,赋值后提交的值是value值
selected="selected"默认选中
4.<input type="file" />选择文件