首页html给所有input readonly

html给所有input readonly

时间: 2023-08-30 07:03:12 浏览: 179

要给HTML中的所有input标签添加readonly属性，可以使用JavaScript来实现。首先，需要获取HTML中所有的input标签元素。可以使用document.querySelectorAll()方法来选择所有的input标签，并将其返回为一个NodeList对象。然后，使用forEach循环遍历得到的NodeList对象，对每个input标签添加readonly属性。最后，将修改后的HTML代码重新渲染到页面上。以下是实现示例代码： ```html <!DOCTYPE html> <html> <head> </head> <body> <input type="text" value="可编辑"> <input type="text" value="可编辑"> <input type="text" value="可编辑"> <input type="text" value="可编辑"> <script> const inputList = document.querySelectorAll('input'); // 获取所有input标签 inputList.forEach(input => { input.setAttribute('readonly', true); // 添加readonly属性 }); </script> </body> </html> ``` 以上代码将使页面中的所有input标签变为只读状态，用户将无法编辑其中的内容。

阅读全文