详解：:read-only只能读只能写read-write 14

最新推荐文章于 2022-11-16 11:08:09 发布

贵哥的编程之路(热爱分享)

最新推荐文章于 2022-11-16 11:08:09 发布

阅读量791

点赞数

分类专栏： CSS3最详解

本文链接：https://blog.csdn.net/qq_37805832/article/details/105760650

版权

CSS3最详解专栏收录该内容

54 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        
        .test1:-moz-read-only
        {
            border: 1px solid red;
        }
        
        .test1:-moz-read-write
        {
            border: 1px solid yellow;
        }
    </style>
</head>
<body>
    <form>
        启用:<input type="text" name="username" id="" class="test1">
        禁用:<input type="text" name="username" id=""   class="test1" readonly="readonly">
        <br>
        启用:<textarea class="test1"></textarea>
        禁用:<textarea class="test1" readonly="false"></textarea>
        <br>
        启用按钮:<input type="button" name="" value="btn1" class="test1">
        启用按钮:<input type="submit" name="" value="btn2" class="test1">
        启用按钮:<input type="reset" name="" value="btn3" class="test1">
        禁用按钮:<input type="button" name="" value="btn1" class="test1" disabled="disabled">
        禁用按钮:<input type="submit" name="" value="btn2" class="test1" disabled="disabled">
        禁用按钮:<input type="reset" name="" value="btn3" class="test1" disabled="disabled">
    </form>
</body>
</html>

核心：在这里插入图片描述
火狐要适配。要加上-moz-

readonly=“readonly”
readonly 属性规定输入字段为只读。
只读字段是不能修改的
问题可以不可以点击？
可以
disabled=“disabled”
disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用，也不可点击

readonly=“false”，无效，也就是说不写就是这样。要写就写readonly="true"或者readonly="readonly"把
默认值，
readonly=“true”
和readonly="readonly"一样，没有区别

贵哥的编程之路(热爱分享)

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
详解：:read-only只能读只能写read-write 14

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test1:-moz-read-o...
复制链接

扫一扫