HTML表格

  • HTML表格已关闭评论
  • 142 次浏览
  • A+
所属分类:Web前端
摘要

表格:  属性名属性值说明alignleft、center、rightborder1或“”边框cellpadding

表格: 

<table>     <tr>         <th>表格1</th>     </tr>      <tr>          <td>表格2</td>     </tr> </table> 

 

快捷键:table>tr*数量>td*数量
 

属性名

属性值

说明

align

left、center、right

 

border

1或“”

边框

cellpadding

像素值

 

cellspacing

像素值

 

 

合并单元格:

跨行:

rowspan="合并单元格数量"

跨列:

colspan="合并单元格数量"

删除多余的单元格

 

表单域

<form></form>

属性

属性值

作用

action

url地址

 

method

get/post

提交方式

name

名称

表单域名称

 

表单元素:

1、input输入表单元素

<input type=" " />

名称

元素

文本框

text

密码框

password

单选框

radio

复选框

checkbox

提交

submit

重置

rest

普通按钮

button

上传文件

file

隐藏无法在网页显示

hidden

 

name

元素名称

value

元素的值,多选框

checked

默认选中,对单选框和复选框

maxlength

限制表单元素的字符数

size

设置文本框/密码框的长度

readonly

只读

disabled

禁用

 

<label>标签:(用于label之后可以把这个单选或复选框跟文本描述关联起来,这样点击文字就能选中这个单选框) 

<input type="text". id="nan"><label for="nan">男</label>  

 

 

2、select下拉表单元素(<option>中定义selected时,即为默认选中)

<select>     <option>选择1</option>     <option>选择1</option>  </select> 

 

 

3、定义多行文本输入:(定义:(1)cols 显示列数  (2)rows显示行数)

<textarea>文本</textarea> 

 

 

4、图片按钮:

<input type="image" src="图片路径" />