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输入框只读属性根据需要按不同方法设置
-
如何在明星热力榜为爱豆守护打榜
大多数人都有自己的爱豆,也想为Ta做点事情,但是又不知道怎么去做?想为爱豆贡献自己的力量?今天教大家如何在《明星热力榜》为自己喜欢的爱豆守护打榜,把Ta安利给更多人,为Ta赢得更多曝光哦操作方法(01)微信搜索《明星热力榜》,进入小程序(02)打开明星热力榜,搜索自己喜欢的...
-
易企秀使用教程
易企秀是一款免费强大的手机页面制作软件,主要用于企业的推广,同样也可以个人制作,小编教大家使用易企秀的基本操作。操作方法(01)打开易企秀官网,登录进去之后,点击这个添加场景。(02)添加的时候会让我们输入名称,例如这个就写上2015年。(03)先添加背景,点左边的向上的箭头...
-
怎么加入淘宝30元一年的保证金计划?
关于新消保,淘宝专为卖家定制收费低,额度高,周期长等特点的保证金。加入新保证金计划后,可释放被冻结的消保保证金,同样可享有消保标识和流量支持。当发生维权纠纷需要保证金赔付时,保证金计划可先行垫付赔款,以保证店铺经营不受影响,那么如何加入淘宝30元一年的保证金...
-
ps怎么修改图片尺寸——ps怎么调整图片大小
ps的用处无处不在,比如我现在所编辑的,其图片就要求大小差不多,所以学会用ps来修改图片大小很有必要。操作方法(01)打开ps后选择文件——打开,选中自己要修改的图片(02)选择图像——图像大小,可以看到当前图片的大小(03)为了不使图片变形,我们应在约束比例那里打上对勾。这...