`

通过JS设置Form表单只读

阅读更多

使只读:

document.getElementById("表单元素ID").readOnly=true;

使可写:

document.getElementById("表单元素ID").readOnly=false;

经过测试兼容于FireFox和IE

分享到:
评论
2 楼 monlyu 2010-03-06  
select  checkbox 设置成readonly 的时候 只显示选中项的文本 咋个处理?
1 楼 fishswing 2010-02-03  
我之前把readOnly写成了readonly,老是不行,真是粗心大意。

相关推荐

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

    在JavaScript中,有时我们需要使HTML页面中的FORM表单元素变得不可编辑,以便用户只能查看信息而不能修改。本文将详细讲解如何实现这一功能,并提供一个示例代码。 首先,我们来解析标题和描述中提到的关键知识点:...

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

    通过以上步骤,我们可以创建一个基于 ElementPlus 的表单只读态控件,实现新建页与详情页的动态切换。提供的 `element-plus-readonly-form-item_master.zip` 压缩包很可能包含了这个组件的源码和使用示例,通过阅读 ...

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

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

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

    Vue.js的数据驱动特性使得动态渲染表单成为可能,通过v-for指令配合`el-form-item`,我们可以根据数组中的数据动态创建表单字段。 6. **表单重置与清空**:通过调用`resetFields`方法,可以清空表单的所有字段并...

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

    首先,我们可以考虑不使用"disabled"属性,而用其他方法来阻止用户输入,比如通过JavaScript将输入框的值设置为只读,或者通过CSS隐藏输入框。这样用户无法修改输入框内容,同时表单仍然可以正常提交。这种方法的一...

    web_form_form_ css

    通常情况下,我们通过`<form>`标签来创建一个表单。 - **表单控件**:用于用户输入数据的界面元素,例如文本框、单选按钮、复选框等。 #### 二、表单属性详解 - **表单元素属性**:在HTML中,表单元素通常有一些...

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

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

    动态表单的简单实现

    在设计阶段,开发者通常需要定义表单的结构,包括字段类型(如文本输入、选择框、日期选择等)、字段名称、必填项设置、验证规则等。这些信息可以存储在数据库或JSON文件中,便于程序读取和解析。例如,我们可以创建...

    form-create-具有动态呈现,数据收集,验证和提交功能的表单构建器,支持json数据-Vue.js开发

    form-create V2 Form-create是一个表单生成器,可以生成动态渲染,数据收集,验证和通过JSON提交。 支持表单创建V2表单创建是一个表单生成器,可以生成动态呈现,数据收集,验证和通过JSON提交。 并支持生成任何Vue...

    SZ_USER.zip_ext js 表单

    Ext JS是一款强大的JavaScript框架,用于构建富客户端Web应用程序,特别是那些需要复杂用户界面的应用。它提供了丰富的组件库,包括表单元素、控件、布局和数据绑定机制。 描述中提到的“ext js各种控件的描述 如树...

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

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

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

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

    js控制input框只读实现示例

    这个函数通过`getElementById()`方法获取id为"username"的input元素,然后使用`setAttribute()`方法设置`readOnly`属性为`true`,使得input框变为只读。同时,为了视觉上更明显地区分只读状态,还设置了背景色为...

    vue-form-render:基于Vue 3.x,使用JSON模式快速生成自定义表单配置界面

    例子安装npm i vue3-form-render --save vue3 form render依赖于从item.so进行渲染,因此在使用vue3 form render我们需要安装Ant Design of Vue并将其导入到我们的项目中: import { createApp } from 'vue'import ...

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

    在使用`disabled`属性时,虽然可以通过JavaScript改变或获取输入框的值,但在表单提交时,这个值不会被包含在提交的数据中。 总结来说,这三种方法各有特点: - `onfocus="this.blur()"`方法模拟了不可编辑效果,但...

    Form元素总结.doc

    #### 表单(Form)概述 表单是网页中不可或缺的一部分,主要用于收集用户信息。在Web开发中,任何希望从用户那里获取信息的场景都会使用到表单。为了确保表单功能正常运行,每个用于收集信息的控件都需要具有`name`...

    vForm:这是一套通过json配置表单的工具。设计意愿是用户通过所见即所得编辑器生产业务表单

    这是一套通过json配置表单的工具,包含。 TODO: 支持多语种切换 表单验证模块 input类的H5 form控件,自带基础校验 输出提示格式化 在控件中加入校验结果 输出结果支持多语言处理 设计器模块 表格模块Table ...

    Web页面设计.pdf

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

Global site tag (gtag.js) - Google Analytics