HTML基础介绍2

表单格式化

HTML基础介绍2_第1张图片

ctrl+d:复制选中行数的所有代码

ctrl+x:删除代码




    
    表单综合案例




用户注册信息

用户名称:
用户密码:
确认密码:
选择你喜欢的运动项目: 篮球足球手球
请选择性别:
请选择城市:
自我介绍:
选择你的文件(头像)

其实就是用表格进行格式化

表单用来提交数据,表格用来显示数据

 

表单提交注意事项

1.action属性设置提交的服务器提交的服务器地址/资源(数据提交对象)

2.method属性设置提交的方式GET(默认值)或POST

3.表单提交的时候,数没有发送给服务器的三种情况

(1)表单某个元素项(比如text,password)没有name属性值

(2)单选、复选(下拉列表中的option标签)都需要添加value属性,以便发送给服务器

(3)表单项不在提交的form标签中

快速复制多行代码:直接将代码缩至一行,再进行复制

4.GET 请求的特点是:

(1)浏览器地址栏中的地址是:action属性[+?+请求参数] 请求参数的格式是:name=value&name=value

(2)不安全

(3)它有数据长度的限制(不同的浏览器规定不一样,一般2k)

5.POST 请求的特点是:

(1)浏览器地址栏中只有action属性值,提交的数据是携带在http请求中,不会展示在地址栏

HTML基础介绍2_第2张图片

HTML基础介绍2_第3张图片

(2)相对于GET请求要安全

(3)理论上没有数据长度的限制




    
    表单提交数据的注意事项和细节



用户注册信息

用户名称:
用户密码:
确认密码:
选择你喜欢的运动项目: 篮球足球手球
请选择性别:
请选择城市:
自我介绍:
选择你的文件(头像)

div标签

1.

标签可以把文档分割为独立的、不同的部分

2.

是一块级元素,它的内容自动开始一个新行




    
    div标签



hello,world

this is a h3

goto百度

p标签

1.

标签定义段落

2.p元素会自动在其前后创建一些空白

3.应用实例




    
    p标签(段落标签)



hello,world

段落1

段落2

段落3

span标签

1.span标签是内联元素(内嵌元素,行业元素),不像块级元素(如:div标签、p标签等)有换行的效果

2.如果不对span应用样式,span标签没有任何的显示效果

3.语法:内容

4.往往是为了单独的取控制某个关键的内容




    
    span标签


您的购物车有10个商品

html小测试

HTML 测验

HTML基础介绍2_第4张图片

HTML基础介绍2_第5张图片

HTML基础介绍2_第6张图片

HTML基础介绍2_第7张图片




    
    员工表格


雇员薪资信息

编号 名字 性别 薪水 职位 email
111 宋江 1000.00 总裁 [email protected]
111 宋江 1000.00 总裁 [email protected]
111 宋江 1000.00 总裁 [email protected]

HTML基础介绍2_第8张图片




    
    员工表格


雇员薪资信息

编 号 名 字 性 别 薪 水 职 位 email
111 宋江 1000.00 总裁 [email protected]
111 宋江 1000.00 总裁 [email protected]
111 宋江 1000.00 总裁 [email protected]

省略了cellspacing="0"

HTML基础介绍2_第9张图片




    
    成绩表


成绩表
项目 上课 休息
星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日
上午 语文 数学 英语 英语 物理 计算机 休息
数学 数学 地理 历史 化学 计算机
化学 语文 体育 计算机 英语 计算机
政治 英语 体育 历史 地理 计算机
下午 语文 数学 英语 英语 物理 计算机 休息
数学 数学 地理 历史 化学 计算机

HTML基础介绍2_第10张图片

HTML基础介绍2_第11张图片

 

你可能感兴趣的:(java,前端,服务器)