js中disabled和readonly的区别

最新推荐文章于 2025-05-24 16:01:18 发布

mischen520

最新推荐文章于 2025-05-24 16:01:18 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/miachen520/article/details/51863270

javascript 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了JavaScript中disabled属性和readonly属性的区别。disabled使元素变为不可用状态且不会提交表单值；readonly使元素变为只读状态但仍会提交表单值。两者均可通过JavaScript设置为true或false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中disabled和readonly的区别

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //disabled   灰掉
        //disabled  写在标签里   可以直接写disabled   也可以写 disabled="disabled"
        //在js中 操作disabled  设置true  或  false
        //form提交时    不作为表单域 传输值
        //适用于  所有标签对象

        //readonly  只读
        //readonly  写在标签里   readonly   也可以写 readonly="readonly"
        //在js中 readonly  设置true  或  false
        //form提交时  作为表单域 传输值
        //适用于  textArea  password    text  这种 文本
    </script>
</head>
<body>
    <form action="test.html" method="get">
        <!--<input type="text"  name="disa" value="aabbcc" disabled="disabled" />-->
        <input type="text"  name="read" value="aabbcc" readonly="readonly" />
        <input type="submit" value="提交"  />
    </form>
</body>
</html>