您的位置:首页 > Web前端 > HTML

HTML表单form标签

2019-02-11 23:10 85 查看

form表单标签学习:

  • 作用:收集并提交用户数据给指定服务器
  • 属性:
    action:收集的数据提交地址也就是URL
    method:收集的数据的提交方式
    1.get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.
    2.post:适合大量数据,安全,隐式提交
    注意
    1.表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.
    2.提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据
    3.form标签会收集其标签内部的数据
    4.form表单的数据提交需要依赖于submit提交按钮.

    form表单域标签:

    作用:给用户提供可以进行数据书写或者选择的标签.
  • 使用:
    1.文本框: input
    属性 type:
    text 收集少量的文本数据,用户可见
    password 收集用户密码数据
    name:数据提交的键,也会被js使用
    value: 默认值
    2.单选框:
    input
    type:
    radio
    name:name属性值相同的单选框只能选择一项数据
    value:要提交的数据
    checked:checked 使用此属性的单选默认是选择状态
    3.多选框:
    input:
    type:
    checkbox
    name:一个多选组需要使用相同的name属性值
    value:要提交的数据
    checked:checked 使用此属性的多选框默认是选择状态
    4.单选下拉框:
    select:
    name:数据提交的键名,必须声明
    子标签option:一个option标签表示一个下拉选项
    value:要提交的数据
    5.文本域:
    textarea:声明一个可以书写大量文字的文本区域
    name:数据提交的键名,js和css也会使用
    rows:声明文本域的行数
    cols:声明文本域的列数
    6.普通按钮:
    input:
    type:
    button
    value:
    7.隐藏标签:
    input
    type:
    hidden
    name
    value
    注意:表单数据提交提交的是表单域标签的value值
    form表单标签的使用:
    在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: