方法一 css去实现:
user-modify
user-modify: read-only;
user-modify: read-write;
user-modify: write-only;
user-modify: read-write-plaintext-only;
其中,write-only
不用在意,基本上没有浏览器支持,以后估计也不会有。read-only
表示只读,就是普通元素的默认状态啦。然后,read-write
和read-write-plaintext-only
会让元素表现得像个文本域一样,可以focus
以及输入内容。而这两者的区别就在于,一个可以输入富文本,而下面一个只能输入纯文本
但是read-write-plaintext-only这个纯文本的属性值在火狐浏览器是不支持的!
方法二、 使用标准contenteditable属性值的HTML控制法
可以看到contenteditable属性值是有一个plaintext-only纯文本的,但是还是兼容性不太好,火狐不支持。