Question

在Javascript表单中禁用（灰显）字段的最佳方法是什么？我在表单及其字段上都尝试了disabled="disabled"，但都没有工作，例如：

<form:form id="testForm" method="post" disabled="disabled" action="${pageContext.request.contextPath}/testSave" commandName="testForm">
    <tr>
        <td valign="top" disabled="disabled">Name:&nbsp;</td>
        <td valign="top"><form:input disabled="disabled" path="fName"/></td>
    </tr>
</form:form>

关于我在这里做错什么的任何想法？

Answer 1

使用JQuery，您可以执行以下操作来禁用给定表单的所有表单字段：

$('#formId').find('input,select,textarea[,other elements]').prop('disabled', true);

Answer 2

嗯，这有点取决于你想要做什么。

＆＃34;确定火＆＃34;禁用表单字段的方式是＆＃34;禁用＆＃34;和＆＃34; readonly＆＃34;在输入上。在两者之间，您可以涵盖您想要的所有内容：

灰显输入
使输入不可编辑
使输入不可重复
保持输入不会以

由于某些浏览器不支持＆＃34;灰色＆＃34;禁用的一部分，最好的方法是设置一个自定义CSS，以您希望它们显示的方式显示禁用（或只读）字段。

要为您希望对表单执行的操作获取正确的解决方案，请在此处查看这两个属性之间的差异：http://kreotekdev.wordpress.com/2007/11/08/disabled-vs-readonly-form-fields/

编辑此外，如果不与表单一起发送数据，您可以考虑用文本替换已禁用的输入。。。与拥有他们无法使用的输入字段相比，对用户的混淆更少。

Answer 3

您可以停用input代码，但不能td

td tag attributes

Answer 4

听起来你可以使用参考网站来刷新HTML。我发现W3School是一个很好的起点，它有各种在线技术的教程和参考。

专门针对HTML和HTML input tag

另外，它怎么不工作？（它不会变灰，或者用户仍然可以输入它，......？）

Answer 5

见下面的js样本;我希望我的看法符合你的愿望：

http://jsbin.com/avopuf/3/

根据您的要求更改css。

如何禁用Javascript表单中的字段

5 个答案: