1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 如何设置表单的input文本框不可编辑

如何设置表单的input文本框不可编辑

时间:2019-12-08 05:34:41

相关推荐

如何设置表单的input文本框不可编辑

web前端|html教程

表单,readonly属性,disabled属性

web前端-html教程

传奇发布网源码,vscode有意思的插件,ubuntu下载deb,本地tomcat中文乱码,爬虫useragent作用,php内网转发,青岛百度推广seo服务,招生网站源码lzw

小程序商店源码,ubuntu剪切 命令,tomcat 是多少位的,新乡 乌龟 爬虫,php防火墙源码,乐山seo优化网络推广报价表lzw

本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑,让大家了解实现所有表单字段(文本框,标签,复选框,文本区域)不可编辑的方法,知道readonly属性和disabled 属性的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

华夏祭祀网源码,vscode自定义页面,ubuntu终端管道,tomcat提高并发量,爬虫亚马逊实战,fputs函数 php,360 seo优化靠谱吗,蓝色简洁通用各类企业网站模版下载,帝国cms在新闻模板能看视频lzw

有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教学推荐:html教学】

我们以input文本框为例来看看效果:

1、onfocus=this.blur()

可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。

2、readonly属性

可以看出,表单input文本框无法被点击,不可进行编辑了。

3、disabled 属性

注意:

我们不能为所有表单字段或元素设置readonly属性。,和

下面我们来看看readonly属性和disabled 属性的区别是什么?

readonly属性和disabled 属性都是表单字段(文本框,标签,复选框,文本区域)的不可编辑属性,下面我们来看看它们的区别

disabled 属性—-禁用属性

1、禁用的表单字段或元素值不会发布到服务器进行处理。

2、禁用的表单字段或元素不会获得焦点。

3、选项卡导航时会跳过已禁用的表单字段或元素。

4、某些浏览器(如IE)为禁用的表单字段或元素提供默认样式(灰色或浮雕文本)。

readonly属性—-只读属性

1、字段或元素的值以只读形式来发布到服务器进行处理。

2、只读表单字段或元素可以获得焦点。

3、选项卡导航时包含只读表单字段或元素。

4、某些浏览器不为只读表单字段或元素提供默认样式。

总结:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。