defaultValue与value的区别

最新推荐文章于 2021-08-04 15:55:21 发布

原创最新推荐文章于 2021-08-04 15:55:21 发布 · 9.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #defaultvalue #value

HTML5 专栏收录该内容

51 篇文章

订阅专栏

本文通过一个简单的HTML示例介绍了如何使用JavaScript来区分文本区域的初始默认值defaultValue与用户输入后的实际值value。演示了一个按钮点击事件触发后，如何分别获取这两个值，并通过弹窗显示出来。

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

<html>
<head>
    <script type="text/javascript">
        function alertDefaultValue()
        {
            alert(document.getElementById('txt1').defaultValue);
            alert(document.getElementById('txt1').value);  //   当你修改了textarea的值就会发现区别
        }
    </script>
</head>
<body>

<textarea id="txt1">
Hello world....This is a text area
</textarea>
<br />
<input type="button" onclick="alertDefaultValue()"
       value="Alert default value" />

</body>
</html>