【前端开发】表格 表单

一、表格

1.1表格结构

标签没有加上时,浏览器会自动补上,但最好加上!显示

1.2 显示表格线条

border="1px"

1.3 去除空隙

cellspacing="0"

1.4 列宽

可通过设置width
每一列都要设置(依次顺序)
一组表示6列

1.5 行高


1.6 居中

alight="center"

1.7 合并行单元格 (设定几行为一行)


1.8 合并列单元格


加粗并水平居中的td

1.9 一个实例(个人简历表格)



	
		
		个人简历
	
	
		
个人简历
姓名 性别 年龄 照片
学历 籍贯
电话 政治面貌
毕业院校
求职意向

【前端开发】表格 表单_第1张图片

二、表单

2.1 表单结构

  1. form必须有action属性,表示提交的地址
  2. 所有需要提交的数据,input必须有name属性
  3. input按钮的文字,使用value属性表示
  4. input标签需放在form标签内才能提交

2.2 表单控件


常见type

  • text 文本框
  • password 密码框
  • button 按钮
  • radio 单选框
  • checkbox 复选框
  • submit 提交按钮
  • button普通按钮
  • reset 重置框
  • file 文件选择框

2.3 get请求&post请求 method

提交数据:post 隐密
获取数据:get
不建议混用!

两者区别:

  1. get通常表示获取数据; post请求通常表示提交数据
  2. get请求发送的数据都写在地址栏上,用户可见;post请求发送的数据用户不可见
  3. get请求不能提交大量数据,但post可以。

2.4 一个实例(登录表单)

总体信息
用户名:
密码:

【前端开发】表格 表单_第2张图片

你可能感兴趣的:(前端开发,HTML)