使用js代码修改input的默认值

使用JS修改input默认值

最新推荐文章于 2024-07-09 17:58:05 发布

原创最新推荐文章于 2024-07-09 17:58:05 发布 · 4.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5

这篇博客演示了如何使用JavaScript代码来修改HTML中input元素的默认值。通过定义一个名为f()的函数，并在按钮的onclick事件中调用，实现了点击按钮后将input字段的值从'aaa'更改为'123456789'的功能。

内容：使用js代码来对input设置的默认值进行修改，点击按钮修改input的默认值

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var v1 = document.getElementById("input1");
            v1.value = "123456789"
        }

    </script>
</head>
<body>
<input type="text" value="aaa" id="input1">
<input type="button" value="改文字" onclick="f()">
</body>
</html>

效果图：