美文网首页
表单嵌表格

表单嵌表格

作者: 林筱优 | 来源:发表于2016-12-28 14:29 被阅读0次

                                                             表格

表格完整结构

align="center/left/right" width="500" bgcolor="red background="a.jpg">

姓名

注意:thead  tbody可以不写

简写 就是把 thead  tbody  tfoot 去掉

table (表格)的属性

boeder:1边框

cellpadding:10 内容到边框的距离

cellspacing:10 单元格与单元格之间的距离

width:500 宽

align:center/left/rigrt水平方向的对齐方式

bgcolor: red    背景颜色

background:""  背景图像

tr(行)的属性

height 高

valign:bottom/middle/top

bgcolor

background

td(单元格)的属性

width

height 高

valign:bottom/middle/top

bgcolor

background

*类型超链接  颜色自动成蓝色

表格的高级应用:

1合并单元格

合并行:垂直合并(rowspan="填数字")

合并列:水平合并(colspan="填数字")

2表格嵌套

在一个表格的某个单元格再写一个表格

之前做页面布局

表  单

案例:

 可以用#号代替

姓名:

value是默认赋值的 也可以直接写值变成默认也可以不写

密码:

br换行

性别:男

爱好:吃

学历:    //下拉框

请选择

上传头像:

隐藏域:

验证码:X990

个人介绍:

图像域按钮

表单作用:负责采集数据

三部分组成:

表单标签:传输数据的方法及讲数据提交的地址

表单元素:输入信息的元素

表单元素:按钮

get特点:通过地址栏提交,数据量的限制 小,不安全

post特点:安全,数据量多.大

*****************************************************************

   单标签

#:

text: 文本框

password:密码框

radio:单选按钮  name必须一致

checkbox:复选框 name一致

hidden:隐藏域   在页面不显示

file: 文本域  上传文件用

submit:提交按钮  可以通过align提交到后台

reset:重置按钮  重置和取消

image:图像域按钮  具有提交的意思

button:普通按钮

双标签  文本域

******************************************************************

属性:

maxlength 最大长度  文本框密码框 text password textarea

readonly (同意条款)只读 text password textarea

checked 选中  radio单选  checkbox

selected="selected" 选中 option

size 尺寸 显示5项选择  select

multiple  多选  select

placeholder  文本提示信息可文字覆盖

表单嵌表格

公司名称:

公司网站:

登录密码:

性别:

 女

申请产品:

实木

沙发

办公

联系人证件:

密码查询问题:

自我介绍:

相关文章