python html表单_HTML之表格标签和form表单

表格标签：

table 一般用于信息展示

tr行

td文本单元格

th标题单元格(文本加粗)

table属性：

cellspacing:单元格间距，一般设置为0

cellpadding:文字到边框的距离

border:表格和单元格的边框

align:表格居中

td/th属性：

rowspan:纵向合并单元格

colspan:横向合并单元格

表格单元格也可以通过css来设置相应的风格：

width宽度

height高度

text-align:center文本居中，左右居中

vertical-align：上下居中

border-collapse:等同cellspacing,单元格间距

表格标签

总结过去，开启新未来

姓名		性别		出生年月
民族		籍贯		专业
电话
工作/学习经历
公司名称/学校名称 (按时间顺序)		职务	工作年限	转行/学习原因
兴趣爱好

form表单：

作用：

收集用户输入数据提交服务器

form标签属性：

action：提交数据的服务器地址

method：提交方式get(不安全，数据量小)；post(安全，数据量大)

input标签：用于文本输入框

input属性：

name用于后台服务器识别传入的数据类型，如是用户名还是密码

placeholder给用户提示，文本框输入数据自动消失

lable标签和input标签组合使用，for属性和input的id属性相关联---->

作用是点击对应文本，会改变输入框的状态

type类型：

text文本类型

password密码类型

radio单选(前提name属性名一致)

checkbox复选(checked默认选中的选项)

file选择磁盘中文件(图片)

submit提交(value=‘提交’)

reset重置(value=‘重置’)

button普通按钮(value='获取/设置…’)

select选择框(列表框)

option：

selected默认选中的

disabled不能选中的(灰色)

籍贯：

北京

湖北

湖南

textarea文本区域(多行文本框)

个人描述：

表单

#m{

width: 440px;

height: 500px;

background-color: #F2F2F2;

margin: auto;

}

#h{

width: 400px;

height: 70px;

margin: auto;

border-bottom: 1px solid darkgray;

}

#h h3{

float: left;

}

#n{

height: 400px;

width: 400px;

margin: 0 auto;

}

注册表单

 姓名：

密码：

性别：

男

女

爱好：

唱歌

跑步

游泳

照片：

个人描述：

籍贯：

北京

湖北

湖南