select下拉框设置不修改;select不可点击

作者:国际小甜 | 创建时间: 2023-08-10
在开发过程中,有时候需要设置select下拉框为不可点击,如何设置select下拉框不可编辑呢? 可以通过在select标签上添加一个disabled="disabled"。 代码: <select name="" disabled="di...
select下拉框设置不修改;select不可点击

操作方法

打开html开发工具,新建一个html代码页面。

在html代码页面上创建一个select下拉菜单

保存html代码页面,使用浏览器打开,这个时候我们发现select下拉菜单是可以点击修改的

回到html代码页面,在select标签上添加disabled="disabled"属性

保存html代码页面,然后回到浏览器页面上刷新页面,这个时候会发现select下拉菜单已经变为不可编辑修改了

所有代码。可以直接复制所有代码,粘贴到新建html页面保存后打开即可看到效果 所有代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select name="" disabled="disabled"> <option value="">下拉菜单1</option> <option value="">下拉菜单2</option> <option value="">下拉菜单3</option> </select> </body> </html>

点击展开全文

更多推荐