HTML表单

Html表单

表单的概念

• HTML表单用于收集不同类型的用户输入

表单格式

• • action 将收集到的信息提交到哪里？

    • 需要提交到的地址

  • method 提交信息的方式

    • get 会在地址栏显示提交的信息，用于传输较少数据信息 从服务器获取数据

    • post 不会在地址栏显示任何提交信息，秘密提交，通常用大量信息的提交 提交数据到服务器

  • input 用于收集用户信息

• input 属性

  • type 收集的数据类型

    • text 普通文本

    • password 密码类型，会以密文形式显示

    • email 邮箱类型

    • date 时间类型

    • number 数字类型

    • file 文件类型

  • name 收集项的名称

  • value 用来盛放用户输入的内容

• textarea 文本域属性，用于收集用户比较多的信息

  • rows 行数

  • cols 列数

• 单选框属性

  • 男 女

  • value 属性必须赋值

  • name属性相同

  • checked 默认属性

• 多选框属性

  • 篮球 足球

  • value 属性必须赋值

  • name属性相同

  • checked 默认值属性

• 下拉选项框

  • -- 请选择-- 云南省 贵州省 四川省

  • value 属性必须赋值

  • selectted 默认属性

• 按钮

  • • name

    • value

  • 提交用户输入的所有信息

    • value 显示按钮名称

  • 清空用户输入的所有信息

    • value 显示按钮名称