首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏爱生活爱编程

    xwiki功能-文档模板&表单

    要了解更多关于此功能请查看开发人员指南(教程敬请期待)。更具体地讲,你可以通过尝试如FAQ教程来写一个FAQ应用程序来学习。 除了表单,有时候也需要一个模板。可以预定义模板页面,在创建新页面时使用。 示例 FAQ表单 我们使用此功能来创建FAQ条目。当点击FAQ页面上的编辑按钮时,将显示以下类型而不是标准的自由格式文本: ? 项目引用表单 另一个很好的表单例子是在XWiki.org采用的项目引用页面。当用户想增加一个新的项目,他所要做的事情是在添加名称等信息后,提交表单。 ? 问卷调查表单 你可以创建高级表单,例如以下截图: ?

    1.3K10发布于 2021-01-14
  • 来自专栏自动化测试工具

    vue10CRUD+表单验证

    新增更新功能  4. 删除功能 ​编辑  5. 表单验证  5. 接口文档 ---- 1. 准备工作 后台服务接口,对书本的增删改查操作 2. ;        @close="dialogClose"  在数据表格中添加“编辑”“删除”功能连接。 'BookList', data: function() { return { bookname: '', books: [], total: 0, rows: 10 新增更新功能 1) 在action.js中加入后台接口配置。 删除功能  5.

    3.2K20编辑于 2022-11-18
  • 来自专栏JAVA后端开发

    vue自动保存表单功能的实现

    最近想实现一个表单内容的自动保存,原来是想通过监听表单的change事件来解决.但后面想想,现在都是数据驱动了,监听数据变化就行了. 页面表单如下: <el-form label-width="100px" :model="modalFormData" ref="modalFormData" :rules="formAddRules this.autoSave(); }, deep:true } } 至此,自动保存<em>表单</em>的<em>功能</em>已完成

    3.6K40发布于 2018-10-08
  • 来自专栏css小迷妹

    10个jQuery表单操作代码片段

    代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助: $("#form").keypress(function(e) { 可能针对不同的表单形式,你需要调用不同类型的清楚方法,不过使用下面这个现成方法,绝对能让你省不少功夫。 $('#username').val()); }); 代码片段5: 禁止多次递交表单 多次递交表单对于web应用来说是个比较头疼的问题,下面的代码能够很好的帮助你解决这个问题: $(document). ctlPerson").html(options); }) }) }) 代码片段9: 判断一个复选框是否被选中 代码很简单,如下: $('#checkBox').attr('checked'); 代码片段10 : 使用代码来递交表单 代码很简单,如下: $("#myform").submit();

    1.3K00发布于 2021-09-23
  • 来自专栏与神兽党一起成长

    手工实现表单重置的部分功能

    首先我必须说几乎所有的人都不需要自己实现表单重置的功能表单重置功能只需要一个reset类型的input就足够了。 <input type="reset" /> 当你万不得已时,不妨考虑下我下面的做法,但必须做下提醒,以下代码不可取,而当你的表单中使用到的控件不多时,或者你有其他办法时,那么就无须浪费时间阅读下面的代码了 表单中还可能使用radio、checkbox等控件,这里并没有打算拓展resetForm功能,不过我认为,这些控件都可以通过它们的默认值(defaultValue)或者默认选择(defaultSelected

    1.2K30发布于 2018-10-22
  • 来自专栏授客的专栏

    odoo 为form表单视图添加chatter功能

    实践环境 Odoo 14.0-20221212 (Community Edition) 需求描述 如图,给表单新增一个类似聊天的窗口,当记录一些表单活动(本例为自动记录当前记录状态变化) 需求实现 模型定义

    </form> </field> </record> </odoo> 如果希望在窗口中展示添加更多功能

    1.3K20编辑于 2023-02-26
  • 来自专栏IMWeb前端团队

    纯前端实现保存表单数据功能

    最近在用管理后台配置数据时,发现辛辛苦苦配置好的表单无缘无故地被覆盖,之后了解到由于我们都是在同一台开发机上做开发,难免会遇到其他同学做数据变更时覆盖掉自己的配置数据。 于是我决定在表单配置里增加一项“配置操作”功能来解放自己双手以及惠及他人。 用什么方式保存? 找后端同学去帮忙做保存? 把配置数据都保存到 localStorage? 把配置数据都保存到本地文本?

    2.2K100发布于 2017-12-29
  • 来自专栏IMWeb前端团队

    纯前端实现保存表单数据功能

    本文作者:IMWeb zzbozheng 原文出处:IMWeb社区 未经同意,禁止转载 最近在用管理后台配置数据时,发现辛辛苦苦配置好的表单无缘无故地被覆盖,之后了解到由于我们都是在同一台开发机上做开发 于是我决定在表单配置里增加一项“配置操作”功能来解放自己双手以及惠及他人。 用什么方式保存? 找后端同学去帮忙做保存? 把配置数据都保存到 localStorage? 把配置数据都保存到本地文本?

    1.6K10发布于 2019-12-04
  • 来自专栏技术派

    PHP实现登录注册之BootStrap表单功能

    前言 前面几篇简单介绍了一下前端与PHP的一些知识点,前端中表单提交是一个非常重要的模块,在本篇中我会介绍一些关于表单的知识,如果前面内容你掌握的不好并且没有大量的练习,我感觉你最好先把标签都记下来。 项目简介 登录与注册是我们在web开发中最常见的模块,也是我们日常生活中经常接触的功能。 我们来分析一下HTML中的表单。 •form标签==>用来包裹表单内容,也是表单的起始标签。 •form标签的属性action==>action="xxx"里面填写的是处理该表单的PHP代码所在文件地址,点击提交按钮后表单会把数据发送到该地址。 •input标签的属性required==>如果用户什么都不写难道我们允许他们提交表单的吗?

    2.2K20发布于 2021-07-05
  • 来自专栏Web前端开发

    HTML5新增的表单验证功能

    一、HTML5表单的特点: HTML5 表单增加了许多内置的控件和控件属性 XHTML 中需要放在 form 之中的诸如 input/button/select/textarea 等标签元素,在 HTML number输入类型:<input type="number" /> 要求输入格式正确的数字 range类型:<input type="range" step="2" min="0" max="<em>10</em> number 设定输入最大值最小值,或在 range 中设定拖动阶梯 autocomplete属性:<input type="text" autocomplete="on" /> 此属性是为表单提供自动完成功能 ,如果该属性为打开状态可很好地自动完成,一般来说,此属性必须启动浏览器的自动完成功能 data属性:<select data="http://XX.com/"></select> HTML5 支持 简单的举例说,服务器端将直接接收到 XML 形式的表单数据。

    3.3K30发布于 2019-08-23
  • 来自专栏微搭低代码

    微搭低代码实现表单打印功能

    @TOC在我们的日常开发场景中,表单打印是一个比较常见的场景,微搭本身不带打印功能,我们需要借助一个第三方的库来实现打印。 ,表单容器的场景我们选择查看,为了演示方便我们需要设置一个ID图片再一个就是设置打印区域的问题,html2canvas库实现的原理是给页面拍一个照片,我们拍哪个区域比较合适呢? 因为考虑到电脑屏幕的大小不同,有的是比较宽有的又比较窄,因此我们设置我们的打印区域的宽度为1080为了实现这个效果,我们给表单容器设置了两层的普通容器作为布局。 如果你阅读官方模板还会看到数组的解构const canvas = await window.html2canvas(element)这一行代码相当于将获取到的打印元素设置到我们的画布里,其余的代码就是调用了浏览器的打印功能 4 实现效果代码设置好之后,我们点击预览功能,然后点击打印按钮就可以看到具体的效果图片图片图片总结本篇带着大家实现了一下表单打印的功能表单打印需要是在PC环境,而且要正确的设置打印区域并调用html2canvas

    73820编辑于 2023-10-11
  • 来自专栏WordPress果酱

    自定义 WordPress 评论表单功能实现

    WordPress 是一个可以高度自定义的平台,它提供了很多接口等方便开发者根据自己的需求来自定义功能和外表。 而评论模块中,评论表单又是个比较重要的部分,对于某些特殊的需求,我们往往需要修改表单的外表或者增加一些功能(例如让评论者填写更多的个人信息),本文就来彻底的讲解一下与之相关的函数和修改方法。 为表单增加更多文本框 上面说了怎么去掉某个表单中的文本框,如果我觉得表单功能太弱,想要用户在发表评论的时候填写更多的信息呢?我们仍然使用 fields 这个参数来传递。 虽然我们可以在这个文本框中填写信息,但是你点击发送之后,不会有任何变化,因为还没有具体的功能代码接受你这个新建表单的内容。实现这个功能需要用到 comment_post 这个 hook 钩子。 上面代码大体功能就是:在评论内容被提交的时候会触发 comment_post 这个 hook ,使用 add_action 函数为 comment_post 这个 hook 绑定一个函数,函数的内容就是接收表单

    1.7K10编辑于 2023-04-14
  • 来自专栏夏天的前端笔记

    用原生js实现商品表单筛选查询功能

    源代码 <style> .search{ margin: 0 auto; margin-bottom:10px; } input{ width: 50px; }

    1.7K10编辑于 2024-01-18
  • 来自专栏code秘密花园

    10分钟精通Ant Design Form表单

    本文适合React、Vue开发者阅读,10分钟不够?那就再加10分钟。 被人诟病的Form antd被人吐槽最多的除了彩蛋之外,那应该就是Form表单了。 写这篇文章不是为了吐槽Form表单,当然我也并没有更好的优化Form表单的方案,本文的目的是希望大家能够通过本文了解Form表单的本质,更好的使用的Form表单。 一句废话概括原理:Form.create创建一个具有注册、收集、校验功能的"实例"。 为什么不支持双向绑定 严格来说并不是完全不支持,如果你不需要Form的自动收集、校验功能,是可以使用双向绑定的。 最后,10分钟精(wo)通(shi)不(biao)存(ti)在(dang)的,但希望大家能够通过本文对antd的Form有一个进一步的认知,Form依然还有很多的功能需要大家自己去探索,在这就不一一展开了

    3K30发布于 2019-05-23
  • 来自专栏编程技术沉思录

    Vue + Element ui 实现动态表单,包括新增行删除行动态表单验证提交功能

    总结/朱季谦最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时,直接拿来应用 ,因此,我就在<el-table>表格里面嵌套了<el-form>表单。 el-form>

    { //valid为true,表示表单都已经验证通过,若为false,说明存在表单验证失败 if (valid) --表格里面嵌套表单--> <el-form-item :prop="scope.

    6.8K00编辑于 2023-07-11
  • 来自专栏编程技术沉思录

    Vue + Element ui 实现动态表单,包括新增行删除行动态表单验证提交功能

    总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时, 简化的页面效果图如下: 最开始,我是用了纯粹的表格形式,后来发现,这种形式在提交的时候,不好对每个输入框做校验,若是表单形式话,就可以直接通过rule设置每个输入框的验证,因此,我就在表格里面嵌套了表单 el-form>

    { //valid为true,表示表单都已经验证通过,若为false,说明存在表单验证失败 if (valid --表格里面嵌套表单--> <el-form-item :prop="scope.

    7.8K20编辑于 2023-07-21
  • 来自专栏.NET企业级解决方案应用与咨询

    C# HTTP系列10 form表单的enctype属性

    系列目录 【已更新最新开发文章,点击查看详细】 在ASP.NET编程中经常遇到下面的代码片段,将人员信息以表单方式提交到后台程序并保存到服务器与数据库中。 默认地,表单数据会编码为 "application/x-www-form-urlencoded"。 在使用包含文件上传控件的表单时,必须使用该值。 text/plain 空格转换为 "+" 加号,但不对特殊字符编码。 一般服务端语言如.NET、JAVA、PHP、Python 等,以及它们的 framework,都内置了自动解析常见数据格式的功能。 StringBuilder sbFiles = new StringBuilder(); 9 HttpFileCollection filesCollection = context.Request.Files; 10

    1.5K40发布于 2019-09-18
  • 来自专栏猿人工厂

    猿实战10——动态表单之实现类目属性绑定

    功能概览 在之前的文章中,我们其实已经分析过类目和属性关系的设计了,简而言之,属性描述着类目的特性,而类目在将来,会把这些特性赋予具体的商品。 我们先看看这一块儿的整体功能概览。 ? ? ? ? 在类目与属性的关系中,在整体功能上,可以分为类目属性列表、类目属性值列表,在列表页面都提供了新增编辑功能。 类目属性整体前端 类目属性的绑定,从功能上讲,依然是一种整体和部分的关系,属性值列表的展示依赖于,类目属性列表的选择,而属性/属性值的新增和编辑功能,则依赖着各自的组件。 // thridCategoryId: null, categoryId: 0, page: 1, pageSize: 10 }, 1.5 * 1000) }) }, // 查询方法 fetchData() { this.getList() }, // 重置表单

    1.1K40发布于 2020-09-14
  • 来自专栏喵喵侠的社区活动征文

    前端表单案例:实现用户姓名实名或匿名表单填写合法性验证功能

    那么拆解下要实现的功能点:可以实现汉字姓名的验证;如果是匿名,字符串的总长度限制是0-4位,星号*可出现在任意位置;如果输入框的内容是空,也是可以的3 具体实现3.1 使用正则表达式来验证规则基于上述需求 3.2 在 Element UI 表单中的应用Element UI 是 Vue.js 的一套组件库,其中包含了丰富的表单组件,可以方便地实现表单的创建和验证。 然后,在表单的规则中对输入的姓名字段应用该验证函数。这样,用户在输入姓名时,表单会根据正则表达式进行实时验证,确保输入内容符合要求。 4 总结有时候单一的表单验证规则,无法满足业务实际需要,需要考虑的因素比较多。一方面前端开发需要对表单数据的合法性做控制,另一方面也要给用户合适的引导。 通过这个项目的需求,我对表单验证的理解加深了一步,不光要考虑这个表单内容是新增的,而且要考虑你的表单数据来源,是来自于第三方,你需要基于第三方给的数据,进行二次编辑,这时候我不得不对原有的表单验证的规则进行兼容处理

    88320编辑于 2024-06-23
  • 来自专栏大数据那些事

    LVS(10)——实现多集群功能

    在前面我们只运行了一个集群,所以只有一个http服务,通过前面的训练,我们可以适当加大难度,我们可以添设两种不同的业务。 同样要准备5台主机,和之前不同的是,将LVS路由主机改为后端的真实主机,从双网卡变成单网卡,而LVS主机的第二块网卡的网段回归原网段(从192.168.122.0/24到192.168.88.0/24),其他的均不用修改。 (1)将我们的第五台主机改为后端RS真实服务端主机,删除一块网卡,另一块网卡用VMNET1,随后重启network:

    60130发布于 2020-11-11
  • 领券