web前端表格表单的学习笔记

表格

1.常用标签

<tr>定义表格的行

<th>定义表格的表头

<td>定义表格的列

<colspan>多列合并成一列

<rowspan>多行合并成一行

<caption>定义表格的标题

<thead>定义表格的页眉

<tfoot>定义表格的页脚

2.表格属性设置

<table border="1"

bgcolor="red">表格背景颜色

background="/i/eg_bg_07.gif">表格背景图像

<table border="1"

cellpadding="10">单元格边距

3.数据单元格可以包含文本，图片，列表，图片，列表，段落，表单，水平线，表格等等

 

表单  

1.单既不属于块元素 ，也不属于行内元素，属于行内块，可以设置框高

2.表单常用标签

<input >定义输入元素

<output >定义计算结果

<optipn> 下拉下列列表中的选项

<textarea>定义文本域（多行输入）

<label>定义了<input> 素的标签，一般为输入标题

<legend>定文了<fleldset>元素的标题

optgroup>定义选项组

<datalist>指定一个预先定义的输入控件选项列表

<keygen>定文了表单的密钥对生成器字段

 

3.<type <>是表单项目的类型主要有以下几种类型

     text   文本

     email  邮箱

     password  密码框

     date   日期

     month  月份

     submit  提交

     reset  重置按钮

     button 普通按钮

     radio   单选框

     number 数字选择框

    submit 提交 ：默认提交，可以改变value

   email 邮箱： 可以做格式验证

   radio单选框： 需要设置name属性，保证单选效果，name属性是提交到服务器数据的名称。（当选项是按钮时，不需要填写什么内容要使用value）