JS代码段2：禁用文本框input的几种方法

我们都知道，禁用文本框有个很简单的方法，表单元素有特性是用来控制禁止使用的。

<input type="text" class="phone" disabled>

说实话这个自带属性并不美观吧。。。

当然 ，表单还有一个特性也可以控制它被禁用

<input type="text" class="phone" readonly>

比disabled美观多了，美观多了呀，可以自定义背景颜色的对吧

今天还要说一种简单的方法，当然自带属性可以解决的话，实在没必要这么做，除非有特殊需求的时候：

<input type="text" class="phone">

$('.phone').on('focus',function () {      $(this).blur(); });

这种方法是可以初始化不禁用，在特定条件下再使文本框禁用，表面上是和 readonly 效果一样的。