html设置表单里input的值默认无法修改

---

有时候对表单信息更改时默认账号信息或者姓名是无法更改的，则需要在input标签里进行设置

代码如下：

<div>
     <label>账号</label>
     <div>
           <input value="123456" style="background-color:rgba(205, 205,205, 0.6);" readonly>
           <tip>账号信息不能修改。</tip>
      </div>
</div>

账号信息的效果如图：

最重要的是input表单里的“readonly”属性，限制鼠标不能点击进行修改，然后通过css样式设置整个背景为灰色，更具有友好的交互模式。