最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 > web开发 >
html/css让input禁止输入的方法你掌握了吗?
PHP中文网发表于 2021-05-24 17:42 次浏览

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

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

input禁止输入的方法

1: readonly属性

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

<input type="text" value="哈哈哈" readonly="readonly">

2:disabled属性

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

<input type="text" value="哈哈哈" disabled="disabled">

3:maxlength属性

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

<input type="text" maxlength="0">

更多编程相关知识,请访问:编程视频!!

以上就是html/css怎么让input禁止输入的详细内容,更多请关注群英网络其它相关文章!

标签:html input
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐
2021-09-29 19:14:16 关键词:html输入框
摘要:html网页怎样实现输入框的功能?在实际的网站开发项目中,常常会遇到实现网页输入框功能的需求,而实现输入框并不困难,我们需要使用到input标签,下文有html网页输入框的功能实现..
2021-09-27 20:10:48 关键词:html怎么隐藏input标签
摘要:HTML怎么隐藏input标签?想要实现隐藏input标签,我们有两种方法,第一种是给input标签设置hidden属性,第二种是设置input标签的type属性的值为“hidden“,接下来我们通过示例来了了解HTM..
2021-09-17 18:01:33 关键词:html导入CSS样式
摘要:html如何导入CSS样式?在CSS中,我们想要导入CSS样式有三种方法,分别是行内式,也就是用style属性在特定的HTML标记内插入CSS代码、内嵌式,也就是把css代码放在特定页面的部分中、..
2021-09-15 18:37:30 关键词:html背景图片居中
摘要:html页面背景图片居中效果怎样实现?在html中我们想要背景图片居中,可以使用background-position属性来设置,下面我们就来看一下实现步骤。..
2021-09-15 18:30:11 关键词:html中css代码放哪里
摘要:html中css代码放哪里?对刚接触HTML的朋友来说,可能不是很了解要将CSS代码写在哪里和写入方法,其实,一般我们可以用style属性,将CSS代码放到html标签中或者使用style标签把css代码集中..