已禁用未提交数据的表单域
已禁用未提交数据的表单域
提问于 2012-01-19 20:04:12
有没有办法(使用属性标志或类似的东西)来启用被禁止提交数据的表单域？
或者，如果这是不可能的，有没有办法阻止字段使用css或任何其他属性编辑，而不是隐藏它们？
我目前的特例是数据集的标识符，它应该以(不可编辑)的形式显示-如果没有更好的解决方案，我想除了禁用的字段之外，我还会使用一个隐藏字段来保存实际值，禁用的字段显示它。
回答 3
Stack Overflow用户
发布于 2017-06-25 17:27:18
如前所述：READONLY不适用于<input type='checkbox'>和<select>...</select>。
如果您有一个带有禁用复选框/选择的Form，并且需要提交它们，您可以使用jQuery：
$('form').submit(function(e) {
$(':disabled').each(function(e) {
$(this).removeAttr('disabled');
})
});此代码在提交时从所有元素中删除disabled属性。
Stack Overflow用户
发布于 2018-03-09 03:36:27
在您想要“禁用”(可能带有灰色背景)的字段上使用CSS pointer-events:none，它允许POST操作，例如：
<input type="text" class="disable">
.disable{
pointer-events:none;
background:grey;
}参考：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
Stack Overflow用户
发布于 2018-07-20 19:24:46
我们还可以对以下属性使用只读模式：
readonly onclick='return false;‘
这是因为如果我们只使用只读，那么单选按钮将是可编辑的。为了避免这种情况，我们可以在上面的组合中使用readonly。它将限制编辑，元素的值也将在表单提交过程中传递。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8925716
复制相关文章
相似问题