如何将整个HTML表单"只读"？
将整个HTML表单设置为只读的方法有多种，以下是其中几种常用的方法：
- 使用JavaScript：通过JavaScript代码将表单中的所有表单元素设置为只读。可以使用以下代码实现：var form = document.getElementById("myForm"); // 替换"myForm"为你的表单ID var elements = form.elements; for (var i = 0; i < elements.length; i++) { elements[i].readOnly = true; }推荐的腾讯云相关产品：腾讯云Serverless云函数（https://cloud.tencent.com/product/scf）
- 使用HTML属性：在表单元素中添加
readonly属性，将其设置为只读。例如：<input type="text" name="username" value="John Doe" readonly>推荐的腾讯云相关产品：腾讯云COS对象存储（https://cloud.tencent.com/product/cos） - 使用CSS：通过CSS样式将表单元素设置为只读。可以使用以下样式实现：input[readonly] { background-color: #f2f2f2; pointer-events: none; }推荐的腾讯云相关产品：腾讯云CDN内容分发网络（https://cloud.tencent.com/product/cdn）
以上是将整个HTML表单设置为只读的几种方法，你可以根据具体需求选择其中一种方法来实现。
相关·内容
13回答
我有两个带有HTML表单的页面。第一个页面有一个提交表单，第二个页面有一个确认表单。第一个表单提供了许多控件的选择，而第二个页面再次显示提交表单中的数据，并显示一条确认消息。在第二个表单中，所有字段都必须是静态的。
在我看来，一些表单控件可以是readonly，所有的表单控件都可以是disabled，不同之处在于您仍然可以使用Tab键切换到只读字段。有没有办法将整个表单标记为<em
浏览 9提问于2010-08-18得票数 200
回答已采纳
3回答
我有10个基于Django类的视图，我想将它们显示给用户只读。
我希望整个表单是只读的，而不仅仅是一些值。提交表单应该在客户机上禁用(HTML)，在服务器上禁用第二次表单(不允许发布)。
浏览 1提问于2016-04-28得票数 4
回答已采纳
如何将简单文本打印为表单值并使其不可编辑？我不是在找我希望它没有只读输入框。就像html一样，并且仍然可以通过表单发布。
<a id="something"></a>
浏览 2提问于2012-05-04得票数 0
回答已采纳
5回答
我想知道是否有可能为HTML文本框赋值并保护它。
我的意思是让它的内容不可修改，这样当表单提交时，我“确定”提交的就是这个值。
浏览 0提问于2010-11-18得票数 6
回答已采纳
我可以在表单加载时将单个列设置为只读，但我希望将整个网格视图设置为只读，而不是将每一列都设置为只读。有可能吗？
浏览 3提问于2013-02-09得票数 0
回答已采纳
jqGrid colModel包含使用以下属性定义的只读多行列。内容行长大于列宽，文本太长，因此tooltio不会显示整个内容。不可能看到全部内容。如何让用户看到整列内容？
浏览 2提问于2011-08-14得票数 6
回答已采纳
在HTML表单中，是否可以将几个输入元素标记为只读或通过对它们进行包装来禁用它们？
例如，我知道您可以将表单本身设置为禁用，但这当然会禁用整个表单。
浏览 0提问于2014-10-31得票数 4
1回答
我目前使用readonly作为html输入，。但在一些html版本中(我认为是这样)，它可以被编辑，。有没有其他的选择，而不是只读，使它不可编辑？
浏览 2提问于2015-03-11得票数 1
回答已采纳
我想使我的Handsontable完全可读性，我已经找到了一些解决方案，如何使它成为一个控制器，但我想做同样的HTML。所以javascript没有变化。BasicData -->下面是表中的一个示例列，是否可以在这里进行只读
浏览 1提问于2017-01-24得票数 0
回答已采纳
//Other class //Other class我的主页/索引视图有@model HomeVM，并且我有一个搜索文本输入：{ <input type
浏览 1提问于2012-05-31得票数 1
回答已采纳
1回答
我有一个用户帐户页面，我希望用户看到一个非常基本的表单和他们帐户的细节，在页面加载时，我希望这个表单处于只读状态。如果用户想编辑他们的帐户详细信息，他们可以点击一个编辑按钮，这将动态删除所有输入字段的只读状态。<button type="submit" hidden>Submit</button>在按钮上使用aria-controls属性是否足以让使用辅助技术的用户知道该按钮正在切换整个表单的我
浏览 2提问于2022-11-11得票数 1
回答已采纳
我想让表单中的字段成为只读字段。我已经在表单中使用了disabled，但当表单触发POST请求时，它不会将数据发送到数据库。site_location = forms.CharField(disabled=True) 因此，我检查了元素，并手动将readonly属性添加到它的HTML代码中，以检查readonly是否正常工作并且readonly在提交表单时没有问题。但是disabled告诉我我的表单是无效的。根据以下答案，只读和禁用有一些不同：What
浏览 17提问于2019-07-02得票数 0
回答已采纳
如何在模板上，而不是在模型或视图中进行输入只读？{{ form.id }} <th>{{ form.project_name }}</th>编辑。我需要它是浏览器只读，而不是只读表单。
浏览 4提问于2015-06-04得票数 5
回答已采纳
我的问题是，如果特定条件变为false，如何将当前行设置为只读？我已经测试和尝试了几个例子，但没有成功。我找到了一种将列设置为只读的方法，但我无法将整个行设置为只读。提前谢谢你，伊尔凡
浏览 16提问于2019-01-23得票数 0
我通过JSP在客户机上创建了一个包含一些输入和其他信息的表单，然后希望在服务器上运行servlet时将该表单发送到服务器。我的问题是如何将我发布的整个表单保存在html文件中，一旦我收到请求，html文件就会被创建。</form>
我想使用file类来创建新的html文件，但是如何获得整个表单并将其写入新文件呢?谢谢。
浏览 0提问于2011-10-16得票数 0
回答已采纳
我有一个包含大量输入文本和复选框的表单。用户可以在提交后编辑它。表单中的数据存储在数据库中。为了让用户编辑，我必须从数据库中检索表单值并填充表单。我正在考虑将整个表单的html存储在数据库中，并在用户点击编辑函数时重新加载它。
问题1如何在提交后保存整个div# save的html？如何访问php后提交页面中的$('#sav-div').html？//many input te
浏览 3提问于2011-05-13得票数 0
我有以下用于HTML表单的代码：<input type="button" onclick="inn()" value="edit">
当我单击编辑按钮时，我希望删除文本字段的只读属性，以便用户可以编辑文本字段的值。我也不想用以下命令编辑整个
浏览 0提问于2013-03-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
