表格与表单

　　一、表格，用来展示数据，表格可以通过设计页面直接制作
　　<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" />选择文件