简单介绍HTML表单的用法

1.工作机制

简单介绍HTML表单的用法_第1张图片
2012080516253421.jpg

2.表单定义

  • HTML表单是一个包含表单元素的区域, 表单使用

3.结构

    
    
    
    

4.表单属性

包裹表单控件形成完整数据进行后台提交

  • action访问文件地址
  • method 访问类型

  • type
    • text 文本输入框

      • placeholder:属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
    • password 密码输入框

    • checkbox 多选框

      • 通过添加value值去获取,如
    • radio 单选框

      • 通过添加value值去获取,如
      • 通过name去判断是否在同一组单选
      • 通过设置checked='checked'变成默认项
    • file 文件上传

      • 通过accept='image/png',来限定只能点选的文件
    • hidden

      • 暂存信息
      • 安全:通过后台传来的校验键值,保存在hidden的name和value中,当用户提交表单后后台校验这个键值,从而防止模拟攻击
      • hidden的总结
    • button 提交按钮

    • submit 提交按钮

    • reset 重置按钮

你可能感兴趣的:(简单介绍HTML表单的用法)