提交后如何使php表单只读，并且在同一页面上单击编辑可编辑？答案

【问题标题】：How to make a php form readonly after submission and editable on the same page clicking on edit?提交后如何使php表单只读，并且在同一页面上单击编辑可编辑？
【发布时间】：2016-10-22 14:31:43
【问题描述】：

如何在提交后将php表单设为只读，点击编辑后可在同一页面上编辑。

【问题讨论】：

你可以使用这个
默认情况下会将该字段设为只读，但我希望在提交后将其设为只读
提交表单的方式：ajax或页面重载
你能分享你的代码并尝试吗？

标签： javascript php html mysql ajax

【解决方案1】：

您不能将整个表单设置为只读。您需要将所有表单控件设置为只读。

例如：

<input type="text" id="txtName" readonly>

您可以通过以下方式使其再次可编辑：

txtName.prop("readOnly", false);

或者：

txtName.removeAttr( "readonly" );

【讨论】：

是的，会很有用，但首先要检查表单是否提交。

【解决方案2】：

您可以通过将只读添加到标签来使其成为只读。

<input type="text"readonly>

您可以使用 jquery 在他们按下提交时添加“只读”，并可能在他们按下编辑时将其删除。

这是添加只读属性的方法

$('#inputId').attr('readonly', true);

这是删除它的方法：

$('#inputId').attr('readonly', false);

工作示例： https://jsfiddle.net/a1s1x5oc/

【讨论】：

$( "#target" ).click(function() { $('#inputId').attr('readyonly', true); }); #target 是提交按钮，#inputId 是输入。