js如何让input的内容不可编辑

1、新建一个html文件，命名为test.html，用于讲解js如何让input的内容不可编辑。

2、在test.html文件中，使用input标签创建一个输入框，用于测试。

3、在test.html文件中，给input标签添加一个id属性。

4、在script标签内，通过id获得input对象，使用setAttribute方法，将对象的readonly属性设置为true，便可以实现input内容不可编辑。

5、在浏览器打开test.html文件，点击输入框，查看结果。