HTML第3章表单复习笔记

unit3 表单

1、表单form语法

总结:表单必须配合表单项使用


表单项:

属性1:method            表单提交方式:get(默认)  post

html5中的表单的意义?收集用户数据(登录,注册,发说说,....s)

1.get提交与post提交的区别?
1)get提交方式的特点: form默认的提交方式
a.提交的数据会在地址栏显示
b.地址栏携带的数据大小不能超过2k左右
c.上传文件不能用get
d.get不安全

2)post提交方式的特点:
a.保证数据安全(相对)
b.文件传输必须要用post提交
c.post提交数据理论上是没有大小限制
d.提交的数据不会在地址栏显示

属性2:action      表单提交的服务器地址

2、表单(项)元素

1.文本框(显示明文)


       用户名:                      size="30" maxlength="3" />

2.密码框(显示的是密文)


密码:

3.单选按钮


性别:
      

4.复选框


爱好:睡觉
       学习
       吹牛逼

5.列表框



学历:
                    
                    
                    
                    
      

6.按钮


      
      
      
      

  • 重置按钮
  • 图片按钮
  • 普通按钮
  • 提交按钮

7.多行文本框(文本域)


备注·····》

8.文件框


头像:

9.邮箱、网址


       邮箱:
       网址:

10.数字

数字:

11.滑块

请输入数字:

12.搜索框

请输入搜索的关键词:

3、表单高级应用


             
             
             
             
             
             
             
             
             
             
             

1、隐藏域

  • type="hidden"

2、只读

  • readonly

只读文本框

3、禁用

  •  disabled

禁用按钮

4、标注

1、增强鼠标的可用性 
2、 自动将焦点转移到与该标注相关的表单元素上

5、placeholder、required、pattern


用户名:

       电话:

你可能感兴趣的:(HTML,表单,html5,html,异步,提交表单,上传文件)