`

js设置form表单内元素为只读属性

 
阅读更多
js设置form表单内元素为只读属性

$('#formID').find('input,textarea').attr('readonly',false);

当如果是`<input type="file"/>`时,依然可以点击,
解决办法:设置为禁用元素:
$('#formID').find('input,textarea').attr('disabled',false);
分享到:
评论

相关推荐

    js 使FORM表单的所有元素不可编辑的示例代码

    如果满足条件,就将`disabled`属性设置为`true`,使该元素不可编辑。 同时,代码中还提供了一个`noDisable`函数,它的作用是取消表单元素的不可编辑状态: ```javascript // 取消不可编辑 function noDisable() { ...

    HTML5表单中input元素及属性.pdf

    - `form`: 指定输入元素所属的表单,通过表单ID。 - `list`: 引用`&lt;datalist&gt;`元素,提供预设选项列表。 - `multiple`: 允许在输入框中选择多个值,如邮箱或文件。 - `min`, `max`, `step`: 用于数值类型输入框...

    基于elementui的数据驱动表单组件

    1. **基础用法**:在Element UI中,`el-form`是表单容器,通过`model`属性绑定到Vue实例的data对象,表单内的所有输入元素如`el-input`、`el-select`等通过`prop`属性与model中的属性进行绑定。例如: ```html ...

    web_form_form_ css

    - **表单组成**:表单主要包括两大部分——`Form`元素和表单控件。 - **Form元素**:这是表单的基础容器,负责定义哪些内容属于当前表单的一部分。通常情况下,我们通过`&lt;form&gt;`标签来创建一个表单。 - **表单控件...

    form表单中的Input使用disabled不能提交的解决方法

    这可以通过监听表单的提交事件,然后在事件处理函数中将对应Input的disabled属性设置为false。这样在表单提交时,数据就可以被包含在POST请求中了。但要注意,这种方法需要谨慎使用,因为它可能违反了某些表单设计的...

    vue2-form-loading:VueJS指令可与表单一起使用,以禁用提交按钮并使提交后的每个输入均为只读

    vue2表单加载VueJS指令可与表单一起使用,以禁用提交按钮并使提交后的每个输入均为只读安装npm install --save vue2-form-loading用法import Vue from 'vue'import formLoading from 'vue2-form-loading'Vue ....

    Form元素总结.doc

    5. `form`、`formmethod`、`formaction`、`formenctype`、`formtarget`:与表单属性相关联。 **Form事件** 1. `oninput`:当用户输入数据时触发,可用于实时验证或更新。 **JavaScript函数** 1. `parseInt()`:从...

    基于 ElementPlus 的表单只读态控件,完美适配所有表单组件支持 npm 与 cdn 方式的引入

    在给定的资源中,我们关注的是如何实现基于 ElementPlus 的表单只读态控件,这在新建页面与详情页面的动态切换场景中非常有用。下面将详细介绍这个功能及其实施方法。 首先,我们要理解只读态控件在表单中的作用。...

    怎样让input type=file 只读,并能实现文件上传

    3. **JavaScript 的作用**:通过 JavaScript 可以实现动态控制表单元素的行为,包括设置只读属性等。 #### 二、HTML 实现 首先,我们来看一个基本的 HTML 结构: ```html &lt;form id="uploadForm"&gt; 上传 &lt;/form&gt;...

    几种设置表单元素中文本输入框不可编辑的方法总结

    `readonly`属性用于设置输入框为只读,用户不能编辑其中的内容,但可以选中并复制。代码如下: ```html (this.value);" readonly /&gt; ``` 与上一种方法不同,`readonly`属性不会阻止用户选择文本,因此用户可以选中...

    javascript 常见脚本属性

    在JavaScript中,我们还可以通过name属性直接引用元素,如`document.Myform.myctrl`引用名为`myctrl`的表单控件。 总的来说,理解并熟练运用这些JavaScript脚本属性和方法,对于创建交互式的网页至关重要。它们允许...

    vue+element 模态框表格形式的可编辑表单实现

    在初始化时,表单的字段可能是只读的,如示例中的`el-input`设置了`disabled`属性,使得用户无法直接编辑。当用户点击“编辑”按钮时,通过改变`isEdit`的状态,可以启用或禁用这些输入框。 在示例代码中,`el-form...

    动态表单的简单实现

    例如,可以通过遍历`form_schema`,为每个字段生成对应的输入元素,并根据字段类型添加相应的事件监听器,如输入验证。 表单的展示则需要将已保存的数据重新渲染成可读的格式。这可以是编辑模式,允许用户再次修改...

    SZ_USER.zip_ext js 表单

    标题中的“SZ_USER.zip_ext js 表单”表明这是一个关于Ext JS库的压缩包,其中包含与表单相关的代码或资源。Ext JS是一款强大的JavaScript框架,用于构建富客户端Web应用程序,特别是那些需要复杂用户界面的应用。它...

    antd-form-builder:基于antd的动态元驱动React表单

    它不仅可以用作可编辑表单,而且可以显示具有表单布局的只读信息。 它同时支持antd v3和v4版本。例子您可以在以下位置观看现场演示: : 哲学在我看来,创建antd-form-b​​uilder的关键原则是它应该仅有助于定义...

    设置disabled属性后台读不到数据如何让select支持readonly

    然而,一个常见的问题是,当`disabled`属性被设置在`&lt;select&gt;`元素上时,后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题,有两...

    Web页面设计.pdf

    在文件上传的场景下,可以通过form表单的enctype属性设置为multipart/form-data以及在表单中嵌入隐藏的MAX_FILE_SIZE字段来限制上传文件的大小。 其次,面试中还可能会涉及到form表单的只读属性设置。只读属性分为...

    JAVASCRIPTUMENT对象属性和方法[文].pdf

    例如,获取名为"Myform"的表单中名为"myctrl"的输入元素。 在实际开发中,`document`对象是JavaScript进行DOM操作的核心。它提供了丰富的接口,使得开发者能够灵活地操纵网页内容,实现动态交互效果。然而,随着Web...

Global site tag (gtag.js) - Google Analytics