简单介绍HTML表单的用法

1.工作机制

2012080516253421.jpg

2.表单定义

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

3.结构

<from action='/abc.php' method='post/get'>    
    <input type=''>
    <texttarea></texttarea>
    <select name=''>
          <option value='' select='select'>
           <option>
    </select>
</from>

4.表单属性

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

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

<label for='关联元素的id'></label>

<input type='' placeholder='H5新增默认展示文本'>

• type

  • text 文本输入框

    • placeholder：属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

  • password 密码输入框

  • checkbox 多选框

    • 通过添加value值去获取,如<input type='checkbox' value='xxx'>

  • radio 单选框

    • 通过添加value值去获取,如<input type='radio' value='xxx'>
    • 通过name去判断是否在同一组单选
    • 通过设置checked='checked'变成默认项

  • file 文件上传

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

  • hidden

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

  • button 提交按钮

  • submit 提交按钮

  • reset 重置按钮

<select>下拉菜单

* <select name=''><option value='' select='select'></select>             
* name代表键
* select默认选项 

<textarea></textarea>多行文本