如何锁定input内容不可修改

 时间:2024-10-26 18:45:10

系统:win7

1、打开html开发工具,在新建的html代码页面上创建一个input文本框

<足毂忍珩img src="http://exp-picture.cdn.bcebos.com/a007a9b1eef97fbd252dce04b74133bad24133e9.jpg?x-bce-process=image%2Fcrop%2Cx_0%2Cy_0%2Cw_600%2Ch_400%2Fformat%2Cf_auto%2Fquality%2Cq_80" width="600" height="400" data-rotation="0" data-image-height="400" data-image-width="600" data-x="0" data-y="0" data-width="600" data-height="400" />

2、在input文本框上添加readonly="readonly"属性,代码:<input type="text" value="设置只读" readonly="readonly"/>

如何锁定input内容不可修改

3、保存html代码页面,然后使用浏览器打开,会发现input文本框无法输入内容,表示设置只读模式成功了。

如何锁定input内容不可修改

  • sql删除语句
  • mysql如何登录,怎样登录MySQL数据库?
  • 创建视图的sql语句
  • 如何给数据库的表添加数据?
  • 在VScode中如何将界面语言设置为中文
  • 热门搜索
    教师节英语手抄报 清明节手抄报简单漂亮 世界环境日手抄报内容 关于鲁迅的手抄报 感恩节手抄报内容 卫生小常识手抄报 熄灯一小时手抄报 2020年鼠年手抄报 国庆节手抄报简单又漂亮 社会主义价值观手抄报