首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS如何使用隐藏控件表单添加参数

前言 在一些前端动态网页的表单里,并不是所有的参数都需要填写或选择,有些需要隐藏起来,然后跟着小单一起提交传递给后台,发送到服务器端 那这个是怎么实现的呢 示例展示 具体示例,可见 https://coder.itclan.cn.../fontend/js/24-hide-input-params/ 01 原生js 对于不显示在界面上的元素,但在提交表单时,却又要携带上去,是有这种需求的,比如用户修改某件商品信息时,商品的id,商品的...id并不是用户想要关心的 但是这个id又是数据库表格的标识,往往是一个必传的字段,因此使用隐藏变量把这个参数隐藏起来,可以很好的解决这个问题 具体如下代码所示 // 展示表单参数的函数 function...// 设置萤囊变量的值,这个值也可以通过标签的value指定 document.forms[0].myhidden.value = "我是隐藏的参数"; var str = "表单将提交的参数包括...,有时是需要传给后端的,传统的方法,隐藏表单的数据,然后在提交时,传递给后端,是一个比较常见的操作

10.9K40
您找到你想要的搜索结果了吗?
是的
没有找到

JS如何为表单聚焦控件设置醒目的样式

前言 在用户填写表单时,为了让用户集中精力填写或某一个表单控件,可以通过设置此空间的样式来达到目的 那这样的效果如何实现呢,如下示例所示的 示例展示 (https://coder.itclan.cn/fontend.../js/26-set-form-style/) 原生Js实现 如下是简易的示例代码,要想实现这一个效果,必须要知道onfocus和onblur,前者是聚焦的回调事件,而后者是控件失去焦点的回调 在一个网页里...,永远都只能有一个控件获得焦点,因此需要遍历所有的控件,为它们定义相同的onfocus以及onblur的逻辑 当控件获得焦点时,为它设置独特的边框样式,否则就恢复原有的边框样式 function init...() { var f = document.form[0]; // 获取表单DOM var elements = f.elements; // 获取所有的控件数组 var str...lang="scss" scoped> .wrap { text-align: center; margin: 20px 0 20px 0; } 总结 无论是原生js

7.2K50

表单常用的控件有哪些_html表单控件样式修改

H5新增表单特性 placeholder   输入框提示信息   autocomplete 是否保存用户输入值(默认为on,关闭提示选择off)   autofocus    指定表单获取输入焦点...    此项必填,不能为空   pattern   正则验证 pattern=”\d{1,5}”   formaction  在submit里定义提交地址 (只在opera浏览器下有作用) 表单控件...重置按钮会清除表单中的所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。...H5新增控件 email 电子邮箱文本框,跟普通的没什么区别(当输入不是邮箱的时候,验证通不过; 移动端的键盘会有变化) tel 电话号码 tel的主要功能在移动端,一个键盘切换 url...网页的url search搜索引擎 ——chrome下输入文字后,会多出一个关闭的x range 特定范围内的数值选择器 min,max,step(步数) 例如:用js显示当前数值

3.9K20

VBA表单控件(三)

首先选择开发工具选项卡-插入-单选框(窗体控件),在工作表中任意画出几个单选框,Excel会按顺序给单选框命名。...具体使用时,在单选框控件上右键,选择设置控件格式--控制--单元格链接--选择显示结果的单元格。示例中选择A4单元格为例。...同样右键选择设置控件格式,也可以选择属性,来控制控件的位置和大小。也可以编辑文字。单选框也可以指定宏,但并不常用可以,可以根据需求使用。...此时重新设置选项按钮3的设置控件格式,设置单元格链接为A6单元格,点击选型按钮3和4时可以发现数值又从1开始起变化。 个分组框中的单选项相互不影响,即通过分组框将不同组的单选框分隔开来。...---- 今天下雨 本节主要介绍表单控件中的单选框、分组框和复选框,后续会简单演示些示例,祝大家学习快乐。

4.5K20

VBA表单控件(一)

控件分为种,分别是表单控件和ActiveX控件表单控件只能在工作表中通过设置控件格式或者指定宏来使用,而ActiveX控件则有属性和事件,可以在工作表中和用户窗体中使用。...可以在开发工具选项卡的插入功能中,可以看到控件。 在Excel工作表中主要使用表单控件,它不仅与早期Excel版本更兼容,而且使用相对更简单,下面将分节介绍常用的表单控件。...先准备了个简单过程,点击插入--表单控件--按钮控件。 在工作表位置拖动画出一个按钮(窗体控件),松开鼠标后Excel会弹出指定宏的窗口,可以选择按钮绑定的sub过程,确定后即指定宏。...选择设置控件格式时,选择属性,可以选择按钮的大小和位置是否随单元格的变化而变化。根据需求进行选择即可。 控件的属性在后面介绍的其他表单控件都可以同样的设置,后面介绍的控件就不再多做说明。...---- 今天下雨 本节主要介绍表单控件中的按钮控件,主要用于运行指定宏。数值调节钮和滚动条则常用于参数调整,其他场景可以根据需要使用,后面会介绍其他表单控件,祝大家学习快乐。

4.9K30

VBA表单控件(二)

以此来设置数组调节钮的控件格式,设置最小值和最大值以及步长,单元格引用区域暂时放在F2单元格。...点击数值调节钮,F2和E2单元格的值同时变化,后面可以把F2的数值用数值调节钮控件盖住。(对indirect函数有问题可以通过蓝色链接查看。)...查找的区域是A2:C7区域,用vlookup函数的第三参数返回值所在是2或者3。那么第二数值调节钮的最小值为2,最大值为3,步长为1来设置。...这样通过调节个数值调节钮就可以实现查找不同的值。 那么以同样的原理,在E4单元格中显示返回的的表头,即随着数值变化文本横向变动。就是通过改变vlookup函数的第三参数,改变返回值。...注意公式中查找值为A1单元格,查找区域为A1:C1区域,返回的值使用F5单元格的值可变动,=VLOOKUP(A1,A1:C1,F5,0)。返回值随着F5单元格数值的变化,最后显示结果如图所示。

1.4K30

【分享】 纯 js 表单控件 —— 让 “增改查” 更轻松!

我们在做增删改查的时候,必可避免的要做表单,那么表单是怎么弄出来的呢?拖拽控件、手写、js创建还是第三方控件(包括js版)? ...现在是越学习js,越是感到js的强大! 需求、目的: 1、 在前台网页,使用js自动创建表单 2、 可以控制表单里的控件类型,比如文本框、下拉列表框、在线编辑器等。...实现方式: 1、 js + json + 第三方js脚本、控件 2、 json对表单进行描述,比如标题、控件类型、控件大小、下拉列表框的item如何填充等。...4、 Js脚本根据json的描述,创建表单(table形式),创建表单里面的控件(比如文本框),然后对表单控件进行修饰。 5、 提取用户输入的数据,然后进行验证。...1、 引用一堆js,其中自己的只有个,一个创建控件,一个创建表单,还有一个验证数据。 2、 写一段“引导”脚本。这个基本是c#风格,当然也可以写成js风格。看个人喜好了。

3.5K81

表单控件的副产品——查询控件

查询控件     当初在写表单控件的时候,突然想到,这个表单控件稍微修改一下不就是一个查询控件了吗?     那么查询控件需要做的什么事情呢?          ...是不是和表单控件很像呢?     在表单控件的SaveData()里面我们可以得到字段名称和对应的用户输入的信息,那么我们就可以写成这种方式。         ...分页控件有一个属性:myPage.SqlQuery = "";这个属性就是用来给分页控件设置查询条件的,正好可以查询控件对应上,这控件一配合起来,查询、分页就变得非常的简单了。...抽象     这样出现了一个问题,由于控件比较象,但是总不能等表单控件写好了,然后复制粘贴,再改一改,查询控件就诞生了吧。我们是不是应该对于相同的地方进行“抽象”呢,把相同的代码放在基类里面。...可能你会说,就种情况,有必要抽象吗,还弄一个基类出来是不是多此一举呢?我的回答是:很有必要。除非这控件件写完了之后就再也不需要修改了。

1.1K80

【实现】表单控件里的子控件的变化。

上一篇说的是表单布局上的变化,也就是通过TR、TD的设置,实现了多行多的效果。那么格子画好了,我们 可以往里面放控件了。上次都是用的文本框,这个显然是不行的,还要扩大这个范围。      ...另外还有前台的js验证,这些都通过设置属性的方式来实现。      ...在表单控件里面控制子控件就很容易了,几行代码就可以搞定,子控件的变化都交给了ShowMe()来实现。...2、客户看到表单后填写信息,提交表单。提交之前可以进行js验证。 3、又得到信息了,这次是回传的,我们需要获取到用户输入的信息,这个通过接口来得到。...下图是表单控件和查询控件与各个子控件的关系图,通过接口IControlMgr来实现对子控件的取值、赋值和属性设置。 ? 下图是表单控件可以实现的效果 ?

1.7K80

当CSS遇上表单控件

简单翻译下:CSS 2.1没有定义哪些属性适用于表单控件和frame,以及怎样用CSS给他们设置样式,用户代理可能会给这些元素应用CSS属性,建议编写者把此类支持当做实验性的,CSS后续版本可能会进一步指定这些...因为表单元素有一些特殊性,这些控件是由操作系统渲染的,而不是浏览器。...文本颜色渲染效果却差异很大,后来定位到原因是disabled,正常可输入的input, textarea的color是准确无误的,如果是disabled状态,那么color就不可靠了,感觉“禁用”状态是对整个输入控件盖了一层透明度滤镜...如果是这样,也在情理之中,因为表单元素无法交互了应该给用户以强感知,应该与可交互状态的表现有明显差异 这也提醒我们,对于自定义的表单控件(非原生),配色需要注意这些细节,禁用状态不仅要对背景色灰化,文本颜色...总之: 对表单控件应用CSS样式,需要特别小心,因为规范不保证有效,那么在多平台下效果可能不一致 不建议对表单元素大幅度定制样式,环境兼容性很脆弱,要么保留原生样式,要么完全自定义(比如手动实现select

88930
领券