任务五-Form表单

什么是from表单

表单是页面数据采集的重要组成部分,因为表单的存在,可以与数据库相连通,将数据提交到服务器

from标签自身拥有哪些属性

  • action = 一个提交地址 就是说一旦用户点击了提交,用户填写在输入框中的内容提交到哪里去。
  • method = get/post 这是两种提交方法,当你向数据库“要”数据的时候一般都用get,当你提交,或者上传数据的时候,一般都用post,至于两者的区别与特点,在前面几个小问题中都已经写过,就不再赘述了。

input标签,input标签是表单中的重要组成部分

常用的input类型
- text 输入单行文本内容
- number 输入数字
- password 输入内容会变成黑色实心圆圈
- checkbox 多选组件 相关联的选项name名字必须一样
- radio 单选按钮组 相关选项name名字必须一样
- file 上传文件时需要用到 accept属性可以选择文件类型 确定文件类型后,那么就
是只有相符合的文件类型才能够上传
- hidden 能把input隐藏起来,通常与后端相配合,负责表单安全
- reset 重置 把表单中输入的内容全部清空掉
- submit 提交按钮 点击之后提交数据
- button 普通按钮
注意:在input中name是很重要的在交互过程中,识别input身份全靠name!

label标签的使用

label标签的作用 主要就是当用户点击相应的输入框前面的文字时,相关联的输入框就会出于“焦点”状态

select 下拉选框标签

textarea 多行文本框

placeholder 输入框提示语

单选按钮组,name值要一样才行
多选按钮组里面的每个单选项的name值都可以相同 id值是必须要不同的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 931评论 0 1
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,089评论 0 3
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,166评论 0 0
  • 一天中午,我下班回家,热得满头大汗。打开冰箱一看,里面竟然冰着半个西瓜。我喜出望外,拿出来三下五除二地啃了个干净。...
    日月连心阅读 377评论 1 0