首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【Web APIs】JavaScript 操作元素 ③ ( 修改表单元素属性 | 表单常用属性 | 表单常用属性修改示例 )

    JavaScript 中 可以通过 DOM ( 文档对象模型 ) 操作 来 修改网页的 内容 , 结构 , 样式 , 属性 ; 在 【Web APIs】JavaScript 操作元素 ① ( 修改元素内容...| innerText 属性修改元素文本内容 | innerHTML 属性修改元素 HTML 内容 ) 博客中介绍了 使用 innerText 属性 innerHTML 属性 修改 DOM 元素标签内容的...) 博客介绍 通过 DOM 操作 修改元素属性 ; 一、修改表单元素属性 1、表单简介 HTML 表单 是 网页中用于 收集用户输入 的重要组件 , 表单可以 包含多种类型的输入元素 , 如 : 文本字段...; 如 : input 输入框 表单 中的内容 , 不能使用 innerHTML 进行修改 , 必须通过 input 表单的 value 属性修改输入框的值 ; 表单 中最常用的属性如下所示 : type...; 3、表单常用属性修改示例 代码示例 : <!

    4.6K10

    动态表单之表单组件的插件式加载方案

    本文首发于政采云前端团队博客:动态表单之表单组件的插件式加载方案 https://www.zoo.team/article/dynamic-form-loading-method ?...前言 关于动态化表单方案前面我们已经有过一次分享,没看过的同学可以看下之前的文章 ZooTeam 拍了拍你,来看看如何设计动态化表单。...文章中提到随着业务差异化增多,我们采用了动态表单解决重复开发及逻辑堆叠的问题。随着动态化表单系统运行过程中业务方接入的越来越多,自定义组件插件式加载的需求开始出现并慢慢变得强烈。...考虑到后期动态表单页面转本地代码的需求,希望插件还能被 npm 安装使用。这里采用了 UMD 规范。 方案选取 一、加载资源的方案 采用动态插入 Script 方式实现 JS 资源加载。...组件插件式引入的方式解决了,但是又引入了一个新的问题,一个表单页面如果有 10 个自定义组件的话,是不是就得动态加载 10 个静态资源呢,如果每个组件都有一个 JS,一个 CSS。

    3.5K40

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

    总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时,...简化的页面效果图如下: 最开始,我是用了纯粹的表格形式,后来发现,这种形式在提交的时候,不好对每个输入框做校验,若是表单形式话,就可以直接通过rule设置每个输入框的验证,因此,我就在表格里面嵌套了表单...el-button size="mini" @click="resetForm()">重置 定义一个存储动态表格数据的数组变量...$refs["data"].validate(valid => { //valid为true,表示表单都已经验证通过,若为false,说明存在表单验证失败 if (valid...--表格里面嵌套表单--> <el-form-item :prop="scope.

    8.3K20

    无需重新编译代码,在线修改表单

    所以我说,VS就是最好的“表单设计器”。在系统的前期,用VS来设计表单的基础界面,是很好的。对于特定客户,就是表单样式的调整、表单域的修改(常见的是新增几个自己的字段)等。...对这个问题,我曾经思考过不少时间,我发现对于大多数简单的表单,都是为了录入、查看、修改数据使用的,没有太多的逻辑性,那么对于这类需求,我们可以将表单控件直接和数据库的表字段进行绑定,从而进行快速开发的。...///////////// //填充数据 MyWebForm.Instance.AutoSelectIBForm(this.Controls); 但这不是本文的主题,本文是说如何不重新编译程序,在线修改表单...7,重新刷新网页,表单界面是不是多了一个“经手人”信息? 效果如下图: ? 然后再在该表单中进行数据的增加、修改操作,是不是成功了? 8,结束了。...呵呵,通过该方法,是不是实现了你的“无需重新编译在线修改表单”的功能?如果开发一个工具,让用户以图形化的方式来修改表单信息,那就是真正的在线表单修改工具了。

    3.4K60

    建模与表单的动态化设计

    设计动态DSL语言 我们不是要发明一门编程语言,我们是要解决动态化表单过程中,如何让描述文本具备更深的动态含义。解决眼前的问题,有利于我们减少瞎想乱想的可能性。...动态表单 对于产品化的动态表单而言,我们应该让用户进到产品里时,就可以立即进行表单设计。在表单设计过程中,再让用户来细化字段。...但是,这里需要注意,如果封装的业务组件过多,一方面是用户在创建时眼花缭乱,不知道要选哪一个,还有一方面是一旦需要调整数据源,就不得不修改代码,与我们动态化初衷相违背。...,如果是可以利用通用组件配置出来的,我们可以提供一个配置的导入功能,将一些通用的配置直接快速导入,例如区域、行业等,这些配置其实都比较简单且统一化,可以使用导入的形式,一键导入,同时又可以在导入后继续修改...解决复杂问题 在实现动态化配置中,我们会面临几个非常复杂的问题,包括但不限于:字段的某些属性是根据其他字段的值动态得到的,应该怎么配置?怎么实现表单中可添加删除的列表数据?

    3.7K12

    【自然框架】表单控件 之 一个表单修改多个表里的记录

    而我的表单控件就不需要改代码了,只需要修改配置信息就可以了。可能使这些优势我都没有说清楚吧。语言表达能力比较差了,准备一下弄个视频给大家看看,估计就好多了。       ...另外不知道FormView、DataSource能不能同时修改多个表里的数据,他能不能做到我就先不去研究了,我写这一篇的目的是想说一下我的表单控件是可一次修改多个表里的数据的。       ...先说一下需求,我在写配置信息维护程序的时候,在“表单字段维护”的小模块里面需要同时修改“Manage_Columns”、“Manage_FunFormCol”两个表里的字段,那么怎么办呢?...这里主要填写“添加数据用表”等四个信息,其中“查看数据用表”需要写一个视图,通过这个视图来给表单控件里的子控件提供数据,然后要在“修改数据用表”里面填写要修改数据的表名,中间用逗号分隔就可以了。...这里有一个注意的地方,必须把“Manage_Columns”表的主键也加在表单控件里面,因为在修改的时候要通过这个主键的信息来修改“Manage_Columns”表里的数据。

    2.3K60
    领券