html表单文本框只读的设置方法

方法1: onfocus=this.blur()

<input type="text" name="input1" value="脚本学堂" onfocus=this.blur()>

方法2:readonly

<input type="text" name="input1" value="脚本学堂" readonly>

<input type="text" name="input1" value="脚本学堂" readonly="true">

方法3: disabled

<input type="text" name="input1" value="脚本学堂" disabled>

<input type="text"  readOnly="true"/>
<input type="text" disabled="true" />

readOnly 是使文体框只读，不能编缉和输入，如果是在表单中还是可以提交的文体框中的内容
disabled 是使文体框变成灰色，不能编缉和输入，如果是在表单中也是不能读取的，返回值为null

附，用JS实现改变文本框的只读属性
怎样用JS实现点击一个按钮之后，将n个文本框的只读属性去掉?
参考如下的代码：

<input id="aaa"  readonly>
<input id="bbb"  readonly>

<script>
document.getElementById("aaa").readOnly = false;
document.getElementById("bbb").readOnly = false;
</script>