美文网首页
任务五-Form表单

任务五-Form表单

作者: 小羊熊 | 来源:发表于2017-05-06 13:04 被阅读8次

什么是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值是必须要不同的

相关文章

  • 任务五-Form表单

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

  • form表单知识点

    form表单 form表单作用 简单来说用来通过web服务向server提供数据,实现调用搜索等任务,以及用户与w...

  • 任务5 form表单

    form表单的作用 用于搜集不同类型的用户输入,将这些数据传送到服务器端,实现网站与用户的交互。 总结常用的inp...

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 form表单之获取表单的数据 创建表单 通...

  • bootstrap表单

    bootstrap表单 1、form 声明一个表单域2、form-inline 内联表单域3、form-horiz...

  • Vue.js-ElementUI表单

    1 表单el-form 每个表单el-form由多个表单域el-form-item组成。默认情况,表单域是垂直分布...

  • 入门任务5:Form表单

    一.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单用于收集用户输入,将收集到...

  • 任务5-Form 表单

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 作用是:收集填写的信息,提交给网站的后...

  • Form表单、四种常见的POST请求提交数据方式、MIME【转】

    浏览器行为:Form表单提交 1、form表单常用属性 enctype为form表单数据的编码格式,Content...

  • Ant Design form 表单赋值,清空

    1:表单清空:this.form.resetFields();2:表单赋值:this.form.setFields...

网友评论

      本文标题:任务五-Form表单

      本文链接:https://www.haomeiwen.com/subject/sqdhtxtx.html