详解：:read-only只能读 只能写read-write 14
详解：:read-only只能读 只能写read-write 14
贵哥的编程之路
发布于 2020-10-28 12:21:13
发布于 2020-10-28 12:21:13
文章被收录于专栏：用户7873631的专栏
<!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"一样，没有区别
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/04/26 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
