html如何设置标签input文本框为只读

 时间:2024-10-27 10:09:31

1、我们首疏扌熘创建一个html5页面,添加如下图所示input标签。创建过程我就不说了,Ctrl+n即可,这里我们创建的是H5的页面,当然,h4的也行。

html如何设置标签input文本框为只读

3、接下来我们把鼠标光标放到input标签代码中间即可,然后就可以看到Dreamweaver下方出现input标签的属性编辑选项了。如下图,我们把只读勾选即可。然后我们就可以芬简砝鬃看到input标签代码里面出现了一个readonly,这里我们也可以直接添加这个属性到代码中的。这时候,我们再看,input输入框已经不能输入了。

html如何设置标签input文本框为只读

4、然后我们再看看另一种方式,就是把input设置为禁用,和刚才的只读一样,我们勾选禁用即可,如下图,input输入框不能进行输入了。

html如何设置标签input文本框为只读

5、第三种方式,我们还可以设置输入框的焦点事件,如下图,把焦点事件设置成鼠标模糊动作,就可以让输入框获取不到焦点了,自然就无法编辑了。

html如何设置标签input文本框为只读
  • PHP教程 is_file()函数的使用
  • Navicat Premium中如何删除链接在一起的模型
  • phpstudy如何更改httpd端口
  • java中怎么获取鼠标位置
  • datagridview如何联动获取数据库的数据库
  • 热门搜索
    我要旅游网 天津的旅游景点 北京旅游集散地 旅游规划案例 珠海旅游景点介绍 新西兰旅游报价 旅游胜地风景图片 新疆哈密旅游 汕尾旅游景点大全 疯狂旅游团台词