如何设置表单的文本框不可编辑

在平时我们制作表单时，如果我们想要表单的文本框不可编辑，如何实现呢？下面小编举例讲骈禄笫杳解如何设置表单的文本框不可编辑，我们要使用到readonly这个属性。

工具/原料

代码编辑器：dreamweaver8

css+html

方法/步骤

1、我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解如何设置表单的文本框不可编辑。

2、在test.html文件内，要创建一个文本框，<inputtype=&q掼鸿乡羰uot;text"value=""/>。

3、在文本框上，直接将input的文本框添加readonly属性。<input隋茚粟胫type="text"value=媪青怍牙"不可编辑"readonly="readonly"/>,为了看到效果，我们建多一个没有加属性的文本框进行对比。

4、在浏览器浏览一下test.html，来看看效果能否实现。