首页 >web前端 >前端问答 > 正文

html/css怎么让input禁止输入

原创2021-04-28 14:45:370711

禁止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禁止输入的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html/css html input
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php中foo()和@foo()的区别是什么749
    php中for和foreach的区别是什么670
    php怎么将string转为double浮点类型585
    推荐视频教程
  • HTML中文参考手册HTML中文参考手册
  • HTML前端基础第六部HTML前端基础第六部
  • HTML 中文开发手册HTML 中文开发手册
  • HTML+CSS网页基础HTML+CSS网页基础
  • 视频教程分类