如何使用JavaScript禁用TextBox？

早些时候,当选择了一个下拉菜单项时,我要求帮助禁用按钮.我被给了一些代码,做了这个伎俩,但现在我需要与一个文本框相同,有一些奇怪的原因,它不工作,你可以找我吗？

HTML：

<form id="frmColor">
    <input type='TextBox' id='color' />
    <input type='submit' value='Change Color' id="colorSubmit"/>
 </form>

使用Javascript：

tools.eraser = function () {
    var tool = this;
    this.started = false;
    var varPenColor = "White";
    context.strokeStyle = varPenColor;
    document.getElementById('frmColor').colorSubmit.disabled=true;
    document.getElementById('frmColor').color.disabled=true;

任何想法为什么它不会禁用文本框？

谢谢

解决方法

表单元素可以通过表单的DOM元素按名称访问,而不是“id”值.给你的表单元素名称,如果你想访问它们,或者直接通过“id”值访问它们：

document.getElementById("color").disabled = true;

编辑 – 哦,正如其他人所指出的,它只是“文本”,而不是“文本框”,用于“类型”属性.

您可能希望投资一点时间阅读一些前端开发教程.