07、表单

表单标签

  • 表单标签侧重于与后端发送数据
  • 主要是 input 文本标签 为主,辅之以 name 属性,通过 form 表单向后端发送数据
  • 除了input 标签外还有大文本标签 textarea;下拉菜单标签select
  • input文本标签属性:
    • type:text、number、data、button、radio、checked、hidden、submit 等
    • name:name 设置的值必须要和后端接受前端数据的参数名称保持一致
    • value: 显示在页面上的值,除了type="hidden"的除外,因为type="hidden"为隐藏标签

实例:

<form action="后端地址" method="提交方式">
  <input type="text" name="文本框" placeholder="请输入信息">
  <input type="number" name="数字" value="3">
  <input type="date" name="日期" value="">
  <input type="button" name="按钮" value="11">
  <input type="checkbox" value="复选框">
  <input type="tel">
  <textarea name="" id="" cols="30" rows="10">adfaf</textarea>
  <input type="submit" name="提交" value="提交">
  <input type="reset" value="重置">
  <select name="class" id="select">
  <option value="">一班</option>
  <option value="">二班</option>
  </select>
</form>

原文地址:https://www.cnblogs.com/fuyouqiang/p/14676681.html