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

在开发过程中，有时候需要设置select下拉框为不可点击，如何设置select下拉框不可编辑呢？
可以通过在select标签上添加一个disabled="disabled"。
代码：
<select name="" disabled="disabled">

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

    所有代码。可以直接复制所有代码，粘贴到新建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>

赞 (0)

相关推荐

  • Html下拉框Select联动实例

    在开发网站时,经常会有二个或多个select下拉框联动的情况,比如省份和城市二个下拉框联动,在省份下拉框里选择不同的省,第二个下拉框城市就要对应该省份下的城市数据. 下面一起来看下,怎么用Javasc ...

  • 使用Jquery如何操作下拉框控件？

    下拉框选择控件,在网页开发中,是经常使用到的一个控件.所以会对它有很频繁的操作,借助Jquery,我们可以很方便地对它进行操作控制. 下面一起来看些例子. 操作方法 01 先看下我们的例子HTML代码 ...

  • 电脑wps文档软件下拉框怎么插入表格

    电脑wps文档软件下拉框怎么插入表格

    WPS的文档软件是我们经常使用的文字处理工具之一,我们除了编辑文字之外,还可以插入表格,接下来小编就教大家怎样将下拉框插入到表格中.具体如下:1. 首先我们打开电脑进入到桌面,然后找到想要插入下拉框的 ...

  • Excel中如何设置数据有效性通过下拉框选择数据

    打开对应的Excel文件，如下图所示，比如我们有性别和系别这两列相对取值比较固定，比如系别就是男或者女，在Sheet中的某块区域先输入男和女，以及系别信息，比如金融学、会计学等等，一般这些信息要放在s ...

  • WPS教你在表格中设置下拉框

    您还在为做表格时，不断的敲打键盘输入“是”或“否”而犯愁吗？您还在部门内部员工管理表格中，不断的重复的输入员工姓名而烦躁吗？不用着急，WPSOffice表格的“数据有效性”功能将帮助您解决这个问题。 ...

  • 技巧:WPS教你在表格中设置下拉框

    您还在为做表格时，不断的敲打键盘输入“是”或“否”而犯愁吗?您还在部门内部员工管理表格中，不断的重复的输入员工姓名而烦躁吗?不用着急，WPS Office表格的“数据有效性”功能将帮助您解决这个问题。 ...

  • 电脑端腾讯文档怎么给单元格设置“下拉框输入”模式

    电脑端腾讯文档怎么给单元格设置“下拉框输入”模式

    腾讯文档是我们现在经常使用的软件之一,而今天小编跟大家分享的 是电脑端腾讯文档怎么给单元格设置"下拉框输入"模式.具体如下:1. 首先我们在电脑中打开腾讯文档,进入主界面之后点击如 ...

  • axure设置下拉框、列表框和元件文本内容

    以上实质的设置差不多,内在逻辑一致. 操作方法 01 第一步,分别拖动一个列表框一个下拉框和一个矩形元件到页面编辑区,随后拖动三个文本元件到页面编辑区. 02 第二步,所有元件编辑如下所示,同时为下拉 ...

  • excel如何设置下拉框固定选项

    生活中,我们经常会使用excel做一些数据的登记和记录,很多时候,某些列的值是有固定选项的,但是书写不规范就可能带来很多不必要的麻烦.今天小编就教大家excel如何设置下拉框固定选项~~ 操作方法 0 ...