html文本框禁用css,html/css怎么让input禁止输入

禁止input输入的方法：1、input中添加“readonly="readonly"”语句；2、input中添加“disabled="disabled"”语句；3、input中添加“maxlength="0"”语句，设置最大输入长度为0。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

input禁止输入的方法

1： readonly属性

readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。

2：disabled属性

disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。

3：maxlength属性

通过控制input的max length为0实现禁止输入效果

更多编程相关知识，请访问：编程视频！！

html文本框禁用css,html/css怎么让input禁止输入相关推荐

html设置文本框只读属性,juqery/js/css设置文本框只读属性的方法
一.设置HTML表单文本框为只读的几种方式有时候,我们希望表单中的文本框是只读的,让用户只能查看信息而不能修改其中的信息,使 input type="text" name=&qu ...
js文本框禁用获取文本框焦点onfocus 事件注册事件优化
一个属性disable= true 被禁用了 disable = false 可以使用并可编辑获取文本框的焦点 onfocus 失去焦点事件:onblur <input type=&qu ...
html 文本框赋值日期代码,如何获取到input输入框中date的当前日期
如何获取到input输入框中date的当前日期开发工具与关键技术:Visual Studio 2015 作者:徐晶旗撰写时间:2019年6月8日首先input是表单中的一种元素,所以接下来先给 ...
html中怎么设置文本框居中显示图片,css如何让图片水平居中显示？
在我们开发前端页面的时候,为了让页面效果美观,会让图片呈现居中效果.那么css怎么让img图片居中显示呢?本篇文章给大家带来css如何让img图片居中. display属性实现图片居中的两种方法: 1 ...
css文本框圆角不兼容,CSS教程之重置默认样式与IE兼容圆角的解决方法
CSS教程之重置默认样式与IE兼容圆角的解决方法 IE兼容css教程3圆角的htc解决方法现在css3的border-radius属性可以很方便的实现圆角功能,对网站前台人员无疑是一件喜事,但悲剧的 ...
html文本框柔化边缘,html – CSS模糊并使用绝对div保留锐利边缘
如果img未设置为绝对值,这可以正常工作: div img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px) ...
html文本框下凹,【CSS】凹槽的写法
标签: 效果图: 实例代码: 1 2 3 4 5 6 7 8 #btn { 9 display: block; 10 width: 100px; 11 height: 40px; 12 backgro ...
html文本框椭圆,怎么用css画椭圆？
现在随着css3的发展,很多形状可以通过css3画出,本篇文章给大家带来的内容是关于如何快速简单的使用css3画出各种各样的椭圆. 使用css3画出各种各样的椭圆的原理: 我们需要使用css3中的bo ...
html文本框左上角输入文字,[css]将textarea前的文字设置在左上角
Linux命令行小插曲当命令行出错活出现 Win7环境下搭建Go开发环境,基于VSCode编辑器一.在搭建的时候参考以下文章 http://www.cnblogs.com/zsy/archive/ ...

html文本框禁用css,html/css怎么让input禁止输入

html文本框禁用css,html/css怎么让input禁止输入相关推荐

最新文章

热门文章