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

如何从禁用的<input>元素获取表单值

要从禁用的<input>元素获取表单值,可以使用以下方法:

  1. 使用JavaScript代码获取禁用输入的值。
代码语言:javascript
复制
const disabledInput = document.querySelector('#disabled-input');
const form = document.querySelector('#form');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const value = disabledInput.value;
  console.log(value);
});
  1. 使用隐藏输入字段来存储值。

在HTML中,创建一个隐藏的<input>元素,将禁用的<input>元素的值复制到隐藏输入字段中。

代码语言:html<input type="hidden" id="hidden-input" name="hidden-input" value=""><input type="text" id="disabled-input" name="disabled-input" value="" disabled>
复制

然后,在JavaScript中,在表单提交时获取隐藏输入字段的值。

代码语言:javascript
复制
const disabledInput = document.querySelector('#disabled-input');
const hiddenInput = document.querySelector('#hidden-input');
const form = document.querySelector('#form');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const value = disabledInput.value;
  hiddenInput.value = value;
  console.log(hiddenInput.value);
});

这样,即使<input>元素被禁用,您仍然可以获取其值并在表单提交时使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 微信小程序-如何获取用户表单控件中

    背景 在小程序开发中,经常有用到表单,我们往往需要在小程序端获取用户表单输入框中(通常用户输入有:switch,input,checkbox,slider,radio,picker)等,通过触发事件...,然后提交给后端处理 那么在小程序当中有哪些方式可以获取表单呢,又怎么通过非表单提交方式获取用户输入框中呢 换言之,若提交按钮在form之外,又如何实现表单提交呢 在小程序中有两种方式可以获取表单...form 表单获取表单组件 这是最普遍通用一种方法,所有用户输入组件放置在form内,当点击form表单中form-type为submitbutton组件时 它会将表单组件中value进行提交...form表单,获取表单中控件,是通过在switch,radio-group,checkbox-group,slider,input组件中添加name属性,从而通过button中formType结合...,同样也可以获取表单组件各个数值 这种应用场景在小程序中是很常见,表单提交数据,不一定就非得是button按钮方式,只要能拿到表单组件中,就达到目的了表单方式获取表单组件 下面是实例效果

    7K11

    js、jQuery 获取文档、窗口、元素各种

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body宽度: document.body.clientWidth...在当前触发鼠标事件元素和它祖先元素中找到最近具有定位属性元素,计算鼠标与其偏移, 以找到元素border左上角外交点作为相对点。...offsetY : offsetY和layerY不同在于,前者在计算偏移时,相对于元素border左上角内交点, 因此当鼠标位于元素border上时,偏移是一个负值...另外offsetY并不在乎触发事件元素是否有定位属性,它总是相对于触发事件元素来计算偏移。...2.在元素具有上边框border-top情况下, layerY比offsetY多一个border-top宽度

    14.1K32

    如何获取变量token

    二、如何获取token,进行接口测试 接口测试工具大部分都可以获取登录之后返回token,这里给大家讲解如何用apipost获取token方法。...先打开apipost,进行登录接口编写,然后获取token。...1.png 接着我们来引用这个token,引用token需要我们先设置环境变量 2.png 3.png 环境选择为新建好环境,在引用url地址。...引用格式为{{变量名}} 4.png 在去设置后执行脚本获取token,“token”是参数名称,response.json.token意思是返回json数据中token。...7.png 选择接口点击添加到流程测试中 8.png 9.png 进行流程测试 10.png 11.png 这就是如何获取token进行接口流程测试步骤了。

    14.3K00

    视图到控制器方法(表单)

    "sex" value="女"/> //sex是属性名称 controllers中:获取视图中(表单)传过来 一...通过request获取: public string get() { strinig SName=Request["SName"]; //SName同样也是属性名称 string sex=Request...通过参数方式获取表单提交过来数据 public string get(string SName,string sex)//注意:参数名称尽量使用表单name(也就是属性) { return...通过对象获取表单提交过来数据       (1)自动装配(点提交后自动封装成一个对象并将name中赋给相应属性) (2)注意通过这种方式复选框取不到 通过request取值后赋给属性 (3)通过对象名...通过FormCollection获取表单提交过来数据 (1)取值方式:数组+下标(name) public string get(FormCollection col) // 注意:name

    1.9K50

    修改表单元素中placeholder属性样式、清除IE浏览器中input元素清除图标和眼睛图标

    一、修改input元素placeholder属性样式 在做项目的时候,一般表单元素placeholder属性样式都是使用浏览器默认,但有时候为了追求设计上美感需要修表单元素placeholder...样式(也有可能是遇到了一个处女座设计师或者是客户),就不等不修改一下placeholder样式。...可以通过下面的代码修改样式: /*Chrome、Safari等 webkit内核浏览器*/ ::-webkit-input-placeholder{ color:red; }...{ color:red; } 二、清除IE浏览器中input元素删除和查看密码图标 在IE、Edge等 Trident 内核浏览器中,type = “text” input元素中有输入时会出现清除图标...,type = “password” input元素中有输入时会出现眼睛图标。

    1.9K20
    领券