在写项目时，因为项目需要，要将部分字段展示出来，但又不能被修改，到于为什么用input，是为了保持样式一致性。最后一查，发现竟然有三种方法。这里整理记录一下。

方式一：disabled

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

这种方式的特点是；设置之后 Input框不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色

方式二：readonly

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

这种方式的特点是：设置后，input框可复制，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值

方式三：unselectable

<input type="text"  readonly  unselectable="on" >

这种方式的特点是；input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值