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

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

2、然后我们在Dreamweaver中切换为实时视图。右侧页面预览中的标签input中，我们可以看到，鼠标光标还是可以在上面进行编辑的。

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

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

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

6、最后，我们把整体的几个方法放到一起看看。如下图。