表单 订阅
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。 展开全文
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
信息
对    象
文本框,密码框等
控件分类
Button Objx,Input Pro等
作    用
采集数据
中文名
表单
组    成
表单标签、表单域、表单按钮
外文名
Form
表单代码
功能:用于申明表单,定义采集数据的范围,也就是
里面包含的数据将被提交到服务器或者电子邮件里。语法:
. . .
属性解释见下表:action=url用来指定处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.method=get或post指明提交表单的HTTP方法.可能的值为: post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"TARGET="..."指定提交的结果文档显示的位置: _blank :在一个新的、无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同的框架中调入文档; _parent :把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.例如:表示表单将向以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的application/x-www-form-urlencoded方式;表单域表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式:文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。代码格式:属性解释:type="text"定义单行文本输入框;name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;size属性定义文本框的宽度,单位是单个字符宽度;maxlength属性定义最多输入的字符数。value属性定义文本框的初始值样例1:样例1代码:也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。代码格式:属性解释:name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;cols属性定义多行文本框的宽度,单位是单个字符宽度;rows属性定义多行文本框的高度,单位是单个字符宽度;wrap属性定义输入内容大于文本域时显示的方式,可选值如下:默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。 Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。样例2:样例2代码:是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。代码格式:属性解释:type="password"定义密码框;name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;size属性定义密码框的宽度,单位是单个字符宽度;maxlength属性定义最多输入的字符数。样例3:样例3代码:隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。代码格式:属性解释:type="hidden"定义隐藏域;name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;value属性定义隐藏域的值例如:复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。代码格式:属性解释:type="checkbox"定义复选框;name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;value属性定义复选框的值样例4:样例4代码:xxxcom当需要访问者在单选项中选择唯一的答案时,就需要用到单选框了。代码格式:属性解释:type="radio"定义单选框;name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;value属性定义单选框的值,在同一组中,它们的域值必须是不同的。样例5:样例5代码:有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST。代码格式:属性解释:type="file"定义文件上传框;name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;size属性定义文件上传框的宽度,单位是单个字符宽度;maxlength属性定义最多输入的字符数。样例6:样例6代码:下拉选择框允许你在一个有限的空间设置多种选项。代码格式:属性解释:size属性定义下拉选择框的行数;name属性定义下拉选择框的名称;multiple属性表示可以多选,如果不设置本属性,那么只能单选;value属性定义选择项的值;selected属性表示默认已经选择本选项。样例7:样例7代码:样例8:按Ctrl可以多选样例8代码:表单按钮控制表单的运作。1.3.1 提交按钮提交按钮用来将输入的信息提交到服务器。代码格式:属性解释:type="submit"定义提交按钮;name属性定义提交按钮的名称;value属性定义按钮的显示文字;样例9:样例9代码:1.3.2 复位按钮复位按钮用来重置表单。代码格式:属性解释:type="reset"定义复位按钮;name属性定义复位按钮的名称;value属性定义按钮的显示文字;样例10:样例10代码:1.3.3 一般按钮一般按钮用来控制其他定义了处理脚本的处理工作。代码格式:属性解释:type="button"定义一般按钮;name属性定义一般按钮的名称;value属性定义按钮的显示文字;onClick属性,也可以是其它的事件,通过指定脚本函数来定义按钮的行为;样例11:样例11代码:二.表单表单是用来提交资料、意见,规范流程执行过程的格式。
收起全文
精华内容
下载资源
问答
  • 但是 我提交的是整个form表单的值 这个表单中有很多表单域的!就像注册一样要提交很多信息 但是目前$.post()这种方式是不是只带一个参数。就算可待多个参数,那么我是不是要在,{"":,"":.........将所有的信息都...
  • Activiti,自定义表单,外置表单,工作流,微服务,子系统

    万次阅读 多人点赞 2019-12-04 22:35:58
    百度,csdn找了半个月,没有一篇文章将 activiti 外置表单 讲透彻的,无奈,自己亲手写了一套,祭出这套大杀器,开放给广大网友。 系统特色 本工作流系统,具有以下特色: 微服务子系统 ,独立系统,独立逻辑,独立...

    百度,csdn找了半个月,没有一篇文章将 Activiti 外置表单 讲透彻的,无奈,自己亲手写了一套, 祭出这套大杀器,开放给广大网友。
    点击极速体验

    系统功能

    1)自定义表单
    2)自定义流程图
    3)流程图绑定表单(formkey)
    4)流程图绑定sso系统“办理人”
    5)流程流转,审批,网关,归档,全套行走监控
    全功能完成,还可后端编程实现超级复杂功能,例如各种变态子流程。

    独立系统,独立开发,独立上线,独立运行,与主系统独立完成对接。

    从此,boss再也不用担心我的工作流啦。

    系统特色

    本工作流系统,具有以下特色:

    1. 微服务子系统独立系统, 独立逻辑, 独立DB,与你的其他子系统通过eureka / feign无缝对接;如果你还在玩tomcat,走restful / httpclient 对接也是可以的。
    2. 自定义表单外置表单activiti;
    3. 拖拽表单强大,支持ajax字典数据下拉,中国式工作流,你懂得;
    4. 办理人下拉/下拉树接口 , 已对接自己的权限系统
    5. 前后端彻底分离,用纯html实现;可自由改造。

    上图看一下各特色

    1) 微服务

    自定义表单,外置表单,activiti,工作流,微服务子系统

    2) 自定义表单

    自定义表单,外置表单,activiti,工作流,微服务子系统

    3) 表单功能强大

    点击体验拖拽表单
    自定义表单,外置表单,activiti,工作流,微服务子系统
    自定义表单,外置表单,activiti,工作流,微服务子系统

    4) 对接自己的权限系统, 双击弹出框选择

    两种方式:
    A.假设你擅长 前端:ajax直接拉取你的子系统json数据;
    B.假设你擅长 后端:扩展函数 fegin / httpclient 拉取子系统json数据;
    自定义表单,外置表单,activiti,工作流,微服务子系统

    最后来个比较炫的

    实时跟进流程进度:
    自定义表单,外置表单,activiti,工作流,微服务子系统
    写在最后,我有一种预感,采用 Restful+工作流 可能是未来一种开发趋势。

    欢迎 私信与我交流.每日定期回复您。
    也可 订阅我的博客.定期更新 工作流原创博文。

    谢谢您的点赞。

    展开全文
  • layui 表单标签的校验

    万次阅读 多人点赞 2017-10-19 09:42:04
    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值同时支持多条规则的...

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程

    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。

    required(必填项)
    phone(手机号)
    email(邮箱)
    url(网址)
    number(数字)
    date(日期)
    identity(身份证)
    自定义值
    

    同时支持多条规则的验证,格式:lay-verify=“验证A|验证B”
    如:lay-verify=“required|phone|number”

    另外,除了我们内置的校验规则,你还可以给他设定任意的值,比如lay-verify=“pass”,那么你就需要借助form.verify()方法对pass进行一个校验规则的定义

    示例:

    <div class="layui-form-item">
            <label for="" class="layui-form-label">请输入邮件</label>
            <div class="layui-input-block">
                <input type="text" placeholder="请输入邮件" lay-verify="email" class="layui-input">
            </div>
        </div>
    

    填入非法邮件时,点击提交会有笑脸图标提示,挺棒的!

    这里写图片描述

    自定义校验:

    form.verify({
      username: function(value, item){ //value:表单的值、item:表单的DOM对象
        if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
          return '用户名不能有特殊字符';
        }
        if(/(^\_)|(\__)|(\_+$)/.test(value)){
          return '用户名首尾不能出现下划线\'_\'';
        }
        if(/^\d+\d+\d$/.test(value)){
          return '用户名不能全为数字';
        }
      }
      
      //我们既支持上述函数式的方式,也支持下述数组的形式
      //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
      ,pass: [
        /^[\S]{6,12}$/
        ,'密码必须6到12位,且不能出现空格'
      ] 
    });
    

    当你自定义了类似上面的验证规则后,你只需要把key赋值给输入框的 lay-verify 属性即可:

    <input type="text" lay-verify="username" placeholder="请输入用户名">
    <input type="password" lay-verify="pass" placeholder="请输入密码">
    

    ###专业墙纸贴纸厨房用具装饰出售,本人网店经营
    博客对你有用记得访问下哦,增加下访问量,如有需要可以下单购买哦_。https://item.taobao.com/item.htm?id=569617707364

    展开全文
  • 在vue中使用rules对表单字段进行验证

    万次阅读 多人点赞 2019-01-08 11:23:26
    vue 中表单字段验证的写法和方式有多种,本博客介绍三种较为常用的验证方式。 1. 写在 data 中验证 表单内容 <!-- 表单 --> <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-...

    vue 中表单字段验证的写法和方式有多种,本博客介绍三种较为常用的验证方式。

      1. 写在 data 中验证

    表单内容

    <!-- 表单 -->
    <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
        <el-form-item label="用户名称:" prop="userName">
           <el-input v-model="rulesForm.userName" style="width:300px" maxlength="50"/>
        </el-form-item>
    </el-form>
    • <el-form>:代表这是一个表单
    • <el-form> -> ref:表单被引用时的名称,标识
    • <el-form> -> rules:表单验证规则
    • <el-form> -> model:表单数据对象
    • <el-form> -> label-width:表单域标签的宽度,作为 Form 直接子元素的 form-item 会继承该值
    • <el-form> -> <el-form-item>:表单中的每一项子元素
    • <el-form-item> -> label:标签文本
    • <el-form-item> -> prop:表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的
    • <el-input>:输入框
    • <el-input> -> v-model:绑定的表单数据对象属性
    • <el-input> -> style:行内样式
    • <el-input> -> maxlength:最大字符长度限制

    data 数据

    data() {
        return {
            // 省略别的数据定义
            ...
            
            // 表单验证
            formRules: {
                userName: [
                    {required: true,message: "请输入用户名称",trigger: "blur"}
                ]
            }
        }
    }
    • formRules:与上文  '表单内容' 中 <el-form> 表单的 :rules 属性值相同
    • userName:与上文 '表单内容' 中 <el-form-item> 表单子元素的 prop 属性值相同
    • 验证内容是:必填,失去焦点时验证,如果为空,提示信息为 '请输入用户名称'

      2. 写在行内

    表单内容

    <!-- 表单 -->
    <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
        <el-form-item label="银行名称:" prop="accountName" :rules="[{required:true,message:'请输入银行名称',trigger:'blur'}]">
            <el-input v-model="rulesForm.accountName" style="width:300px" maxlength="50"/>
        </el-form-item>
    </el-form>
    • <el-form-item> -> rules:和第一种方式表现的效果一致,只是写法不一样,这里不再赘述

    data 数据没有内容


      3. 引入外部定义的规则

    表单内容

    <!-- 表单 -->
    <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
        <el-form-item label="银行卡号:" prop="accountNumber">
           <el-input v-model="rulesForm.accountNumber" style="width:300px" maxlength="19"/>
        </el-form-item>
    </el-form>
    • 表单内容与第一种方式写法一致,这里不再赘述

    script 内容

    <script>
    // 引入了外部的验证规则
    import { validateAccountNumber } from "@/utils/validate";
    
    // 判断银行卡账户是否正确
    const validatorAccountNumber = (rule, value, callback) => {
      if (!value) {
        return callback(new Error("请输入账户信息"));
      } else {
        if (validateAccountNumber(value)) {
          callback();
        } else {
          return callback(new Error('账号格式不正确'))
        }
      }
    };
    
    export default {
        data() {
            return {
                // 省略别的数据定义
                ...
            
                // 表单验证
                formRules: {
                    accountNumber: [
                        {required: true,validator: validatorAccountNumber,trigger: "blur"}
                    ]
                }
            }
        }
    }
    </script>
    • import:先引入了外部的验证规则 
    • const:定义一个规则常量,常量名可变, '= (rule, value, callback) => {}' 为固定格式,value 入参为验证的字段值
    • formRules -> accountNumber:表单验证中使用 validator 指定自定义校验规则常量名称

    validate.js

    /* 银行账户 */
    export function validateAccountNumber(str) {
      const reg = /^([1-9]{1})(\d{14}|\d{18})$/
      return reg.test(str)
    }
    • 验证规则

    以上都是在失去焦点时的验证,下面来分析一下如何在表单提交时验证

      1. 表单的提交按钮

    <!-- 表单 -->
    <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
        <el-form-item>
            <el-button type="primary" @click="onSubmit('rulesForm')">保存</el-button>
            <el-button @click="cancel">取消</el-button>
        </el-form-item>
    </el-form>
    • <el-button>:按钮
    • <el-button> -> type:按钮类型
    • <el-button> -> @click:按钮点击时触发的事件,这里注意方法的入参为 'rulesForm',这里要与 <el-form> 表单的 rel 属性值                                        一致

      2. methods 方法

    methods: {
        // 保存
        onSubmit(formName) {
            this.$refs[formName].validate(valid => {
                if (valid) {
                    console.log("success submit!!");
                }else{
                    console.log("error submit!!");
                }
            });
        },
        // 取消
        cancel() {
            
        }
    }
    • this.$refs[formName].validate:formName 就是传入的 'rulesForm',与 <el-form> 表单的 rel 属性值一致,这样就指定好需                                                      要验证的表单了

    完整示例代码如下

      1. rules.vue

    <template>
      <div class="app-container">
        <el-tabs v-model="activeName">
          <el-tab-pane label="表单" name="rulesPane" @tab-click="handleClick">
            <!-- 表单 -->
            <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
              <el-form-item label="用户名称:" prop="userName">
                <el-input v-model="rulesForm.userName" style="width:300px" maxlength="50"/>
              </el-form-item>
              <el-form-item label="银行名称:" prop="accountName" :rules="[{required:true,message:'请输入银行名称',trigger:'blur'}]">
                <el-input v-model="rulesForm.accountName" style="width:300px" maxlength="50"/>
              </el-form-item>
              <el-form-item label="银行卡号:" prop="accountNumber">
                <el-input v-model="rulesForm.accountNumber" style="width:300px" maxlength="50"/>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="onSubmit('rulesForm')">保存</el-button>
                <el-button @click="cancel">取消</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
        </el-tabs>
      </div>
    </template>
    
    <script>
    import { validateAccountNumber } from "@/utils/validate";
    
    // 判断银行卡账户是否正确
    const validatorAccountNumber = (rule, value, callback) => {
      if (!value) {
        return callback(new Error("请输入账户信息"));
      } else {
        if (validateAccountNumber(value)) {
          callback();
        } else {
          return callback(new Error('账号格式不正确'))
        }
      }
    };
    
    export default {
      name: "rules",
      data() {
        return {
          activeName: "rulesPane",
          defaultProps: {
            children: "children",
            label: "label"
          },
          rulesForm: {
          },
          //   表单验证
          formRules: {
            userName: [
              {
                required: true,
                message: "请输入用户名称",
                trigger: "blur"
              }
            ],
            accountNumber: [
              {
                required: true,
                validator: validatorAccountNumber,
                trigger: "blur"
              }
            ],
          }
        };
      },
      created() {},
      mounted() {},
      methods: {
        handleClick(tab) {
          
        },
        // 取消
        cancel() {
          
        },
        // 保存
        onSubmit(formName) {
          this.$refs[formName].validate(valid => {
            if (valid) {
              console.log("success submit!!");
            } else {
              console.log("error submit!!");
              return false;
            }
          });
        }
      }
    };
    </script>
    
    <style lang="scss">
    </style>
    

      2. validate.js

    /* 银行账户 */
    export function validateAccountNumber(str) {
      const reg = /^([1-9]{1})(\d{14}|\d{18})$/
      return reg.test(str)
    }

    效果图

    rules

     

     

    欢迎来访我的vue专栏总篇博客  

     

    希望能够帮助到你

    over

     

     

     

    展开全文
  • JS 提交表单后清空表单

    千次阅读 2019-06-23 17:07:03
    清空表单是比较常见的场景,表单本身就有reset事件作用于清空表单,但是reset事件需要点击按钮才能触发,我们现在想不触达按钮在表单提交的submit事件内,当提交表单成功后清空表单中 value 。 下面来看代码,很...

    开发交流QQ群:  173683895   173683895   526474645  人满的请加其它群

    清空表单是比较常见的场景,表单本身就有reset事件作用于清空表单,但是reset事件需要点击按钮才能触发,我们现在想不触达按钮在表单提交的submit事件内,当提交表单成功后清空表单中 value 。

    下面来看代码,很简单

    以微信小程序为示例

    <!--index.wxml-->
    <form class='form' bindsubmit='formSubmit' bindreset='formReset'>
      <input name='name' value='{{name}}' placeholder='请输入姓名'></input>
      <input name='phone' value='{{phone}}' placeholder='请输入电话'></input>
      <input name='gender' value='{{gender}}' placeholder='请输入性别'></input>
      <input name='age' value='{{age}}' placeholder='请输入年龄'></input>
      <button bindtap="sendMessage" type='primary' formType="submit">开始</button>
    </form>

    js

      formSubmit(e){
        console.log(e)
        for (var i in e.detail.value){
          this.setData({
            [i]:''
          })
        }
      },

    这就实现了。

    效果图

    展开全文
  • form表单

    千次阅读 2021-09-02 15:05:03
    form表单详解form表单form表单简介form表单属性acceptaccept-charsetactionautocompleteenctypemethodnamenovalidatetargetHTML 表单输入元素文本域(Text Fields)密码字段单选按钮(Radio Buttons)复选框...
  • 什么表单:组成: 一个表单有三个基本组成部分: 1) 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 2) 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框...
  • 表单表单控件以及表单域详解

    千次阅读 2019-03-28 13:06:08
    表单域:存放表单的区域。把表单控件里面的信息全部收集提交。 表单控件 input表单控件: 1.是个单标签 </input> 2.input可以通过type(类型)属性来变换形状 单选按钮注意: <body> <p>...
  • 表单类型 标签和控件放在一个里 所有的文本元素input、textarea、select 隐藏标签 向标签添加 垂直基本表单 role = “form” class = “form-group” class = “form-control” 内联表单 role = ...
  • Vant-UI 表单组件(Field组件):验证表单元素&amp;amp;amp;&amp;amp;amp;表单提交:
  • 泛微oa流程表单之隐藏表单内容

    万次阅读 2020-11-17 08:12:20
    隐藏表单内容 <script type="text/javascript"> //页面加载完成事件 jQuery(document).ready(function() { //绑定值变更事件,支持所有浏览器,请不要使用 onpropertyChange 事件进行绑定。 jQuery("#field...
  • Django 表单

    万次阅读 2020-09-08 11:43:54
    Django 表单 HTML表单是网站交互性的经典方式。 本章将介绍如何用Django对用户提交的表单数据进行处理。 HTTP 请求 HTTP协议以"请求-回复"的方式工作。客户发送请求时,可以在请求中附加数据。服务器通过解析请求...
  • HTML 表单制作

    万次阅读 多人点赞 2019-09-19 20:36:11
    表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数...
  • form表单验证是几乎所有web项目或者APP都会遇到的,那么通常遇到的表单验证情况主要分为以下三种: 1.form表单中的表单项项都是写死的 意思是说,表单项不是根据动态数据加载出来的。那么只需要写好对应的验证规则...
  • layui表单赋值与表单取值

    千次阅读 2020-01-06 18:12:56
    //表单赋值 layui.$('#LAY-component-form-setval').on('click', function(){ form.val('example', { "username": "贤心" // "name": "value" ,"password": "123456" ,"interest": 1 ,"lik...
  • form表单提交的几种方式

    万次阅读 多人点赞 2019-06-04 09:41:03
    表单提交方式一:直接利用form表单提交 html页面代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> &...
  • html表单,表单

    千次阅读 2018-08-21 19:57:58
    一,基本的表单标签及属性   input 标签 输入表单 属性:text 定义输入文本  radio定义单选按钮 同组单选按钮 name属性值必须统一 这样才能实现单选,(checked="checked"可以设定初始值)  checkbox...
  • 实现结果大致如下:几种常见的题型,表单校验,以及提交给后端的表单数据 具体实现方案: 1、利用mock出来的json数据,进行问卷调查表单的渲染。一个问卷表单包含多个不同类型的问题。大体的json格式如...
  • layui 表单验证案例

    万次阅读 2016-10-26 11:49:08
    文本框,手机,邮箱,textarea等格式的验证 HTML代码: 反馈主题
  • HTML表单表单

    千次阅读 2017-09-05 14:16:11
    一、什么是表单? 收集用户信息的一个容器,相当于点餐时的菜单... 表单中包含表单域(文本框、密码框、按钮 都属于表单域) 定义表单的语法: 表单域 常用的属性 1.action 用来处理请求的页面或程序...
  • web表单

    千次阅读 2017-12-13 20:39:56
    1.表单介绍 表单通常用来收集网页访问者信息,常见的表单比如搜索引擎的搜索框、各网页应用的注册或者登陆界面等。一个表单通常包括多个表单控件,一些常用的表单控件如下: 添加文本控件:单行文本框、密码框、多行...
  • 自定义表单

    千次阅读 2019-07-06 17:20:17
    为了使用自定义表单和跨浏览器保持一致性,请使用自定义的表单元素来替换浏览器的默认值,它们建立在语义和具备有了的标记之上,因此它们是可以替代任何默认表单的控制元件的,首先有复选框和单选框的自定义:每个...
  • 表单事件——表单基础知识

    千次阅读 2018-11-02 22:58:56
    文章目录一、提交表达二、重置表单三、表达字段 表单的私有属性和方法 属性或方法 描述 acceptCharset 服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。 action 接受请求的 URL;等价于 ...
  • antd pro项目中遇到弹框嵌套表单的需求,并获取其中的数据, 在官方提供的Form表单API中有一个出发表单验证的方法validateFields 触发表单验证 类型: (nameList?: NamePath[]) => Promise 如下为项目中使用 //此为...
  • HTML表单表单控件

    千次阅读 2018-09-21 11:36:12
    action 表示当确认时将表单提交到一个地址(可以使确认地址或者相对地址) method 提交表单时的请求类型 (get或者post类型) get方式的请求 一般默认为它,比较小一般不超过2k。(不在浏览器中不受限制) post...
  • 1.让图片formData放在表单formData中一起上传,实现不了,目前前台获取不到图片的本地地址; 2.让图片的 vm.$refs.upload.submit() 放在post上传表单的函数下上传,这样会请求后台两次,并速度也很慢; 3.那就让...
  • HTML中Form表单的使用

    万次阅读 多人点赞 2019-06-20 15:16:26
    1、form表单标记 表单标记以<form>标记开头,以</form>标记结尾。在表单标记中可以定义处理表单数据程序的URL地址等信息。 <form>标记的基本语法如下: <form action="url" method="get | ...
  • 如下图,在表单中,根据后台返回值确定行数,每一行都是一个Form表单,提交表单时,每一行为对象`{购药日期:’ ‘,购药支数:’ ‘,号码:’ ‘,来源:’ '},最终形式 购药发票记录:[ {id:1,购药日期:'...
  • form表单详解

    千次阅读 2020-07-06 16:02:56
    form表单详解form表单属性 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。 表单实现前后台交互:用户将...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 993,474
精华内容 397,389
关键字:

表单