html如何设置标签input文本框为只读?
html中的input用处很广泛,尤其是当我们在网页开发中需要用到表单的时候。这里我们看看有哪些方法让input标签不可编辑。
操作方法
(01)我们创建一个html5页面,添加如下图所示input标签。创建过程我就不说了,Ctrl+n即可,这里我们创建的是H5的页面,当然,h4的也行。
(02)然后我们在Dreamweaver中切换为实时视图。右侧页面预览中的标签input中,我们可以看到,鼠标光标还是可以在上面进行编辑的。
(03)接下来我们把鼠标光标放到input标签代码中间即可,然后就可以看到Dreamweaver下方出现input标签的属性编辑选项了。如下图,我们把只读勾选即可。然后我们就可以看到input标签代码里面出现了一个readonly,这里我们也可以直接添加这个属性到代码中的。这时候,我们再看,input输入框已经不能输入了。
(04)然后我们再看看另一种方式,就是把input设置为禁用,和刚才的只读一样,我们勾选禁用即可,如下图,input输入框不能进行输入了。
(05)第三种方式,我们还可以设置输入框的焦点事件,如下图,把焦点事件设置成鼠标模糊动作,就可以让输入框获取不到焦点了,自然就无法编辑了。
(06)最后,我们把整体的几个方法放到一起看看。如下图。
特别提示
input输入框只读属性根据需要按不同方法设置
-
手机微信公众号上的视频怎么下载
如果移动设备的天下,无论是网购,看新闻等等,都在手机上完成,那么我们在手机版的微信公众号上看到好的视频,想下载,怎么下呢操作方法(01)在微信公众号上,点击分享,弹出的分享页面中,我们选择【发送到我的电脑】(02)然后在电脑上登录QQ账号,在【我的设备】中打开会话框(03)在我的...
-
HTTP 错误 500.22 - Internal Server Error图解
网站管理员在配置IIS服务器的时候会出血一系列的报错无问题,今天给大家分享一个关于iis7HTTP错误500.22-InternalServerError的解决办法操作方法(01)出现如图错误“检测到在集成的托管管道模式下不适用的ASP.NET设置”,那么我们应该如何解决呢?继续向下。(02)第一步,我...
-
Python中如何应用split
我们用python处理字符串的时候经常会需要分割字符串,这个时候我们会用到split。那么你真的会用它吗?下面小编来给大家分享一下split的使用以及注意事项操作方法(01)首先我们在python环境中先来建立一个字符串,如下图所示(02)然后我们调用split方法,已冒号作为分隔符,如...
-
linux怎么解压zip包
linux怎么解压zip包,在linux中,解压ZIP压缩包,是相对容易的,使用unzip命令即可操作方法(01)连接到linux远程主机,并进入zip文件所在目录(02)使用LS命令列出目录中文件,确认zip文件的全称(03)使用unzip命令解压zip压缩包(04)inflating,看到该单词,表明ZIP解压缩成功了(05)如果不放...