form表单的简单使用 - 胡水桥博客

form表单的简单使用

分类:前端 ; 热度:122 ; 最后更新于2019 年 12 月 29 日

胡水桥先生胡水桥先生

form表单上

  • action:是你要提交的地址

get

  • 是通过url传参的,相对不安全,当你传输的时候会有长度限制

post

  • 通过header头传输的,相对安全,它传输的时候比get穿的数据要多的多,
  • enctype:编码类型,默认不用写
  • 只有在上传文件的时候才指定该类型

input类型

  • text 文本框
  • password 密码
  • submit 提交按钮
  • value 值
  • placeholder 提示功能

form表单下

  • radio:单选按钮
  • 如果你想实现只能选中一个的时候加上name且name的值一样
  • checkBox:复选框
  • 可以选中多个,默认选中的话 施加一个checked
  • hidden:隐藏表单
  • 用途是当数据没必要让用户看见
  • 但是后台还要用这个数据的时候
  • 就用隐藏的去传参
  • file:上传文件
  • reset:重置按钮

select下拉菜单

<option></option>

textarea文本框

  • cols
  • rows
  • 注意:这是一个双标签,在写的时候切记要挨着写两个标签,中间不许有空格 缩进 换行
  • div:重点
  • span

评论卡