设置HTML表单文本框为只读的几种方式

加上disabled属性

<input type="text" disabled>

使用js设置

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

<script>

document.getElementById("text").setAttribute("disabled",true)

</script>

1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex=this.defaultIndex">

这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。

2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled">

这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色

当属性设置为"disabled"时，提交表单时，select的值无法传递，提交前移除disabled属性$("#role").removeAttr("disabled")

jquery添加属性$("#role").attr("disabled","disabled")

是要全部只读,还是仅让表单中的标签只读啊

每个标签都有它自己的属性即ReadOnly,只要将其设置为true即可.

<input type="text" id="t1" Readonly="true"/>这样即可.

如果是select标签,则设置他的disabled属性为true

<select id="s1" disabled="true/>

---