输入框设置为不可修改

方法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" name="input1" value="中国" disabled="disabled">

readonly、disabled、autocomplete

readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.

<input type="text" name="www.phpddt.com" readonly="readonly"  />

disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值

<input type="text"  name="www.phpddt.com" disabled="disabled" />

最后介绍一个常用的标签，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，

如果你想去掉的话，最好加上autocomplete="off"，使用方法如下：autocomplete="off"

<input type="text"  autocomplete="off"   id="number"/>  

所以这样写就可以了：

<input type="text" class="text" maxlength="40" name="tel" id="tel"/>

$("#tel").attr("readonly",true);就可以了。