JS HTML 文本框更改 - Html

如果你正在开发一个 HTML 网站，你可能需要为你的用户提供一些输入方式，比如文本框。但是，如果你想要使用 JavaScript 动态更改文本框的值，该怎么办呢？

在本文中，我们将介绍如何使用 JavaScript 和 HTML 来更改文本框的值。

基本的 HTML 文本框

首先，我们需要创建一个 HTML 页面，并添加一个文本框元素。下面是一个简单的例子：

<input type="text" id="myInput" value="Hello World!">

此处的 input 元素用于创建文本框，type="text" 属性指定了这是一个文本输入框，id 属性用于定位元素，value 属性用于设置默认值。

使用 JavaScript 更改文本框的值

接下来，我们需要添加一些 JavaScript 代码，以便可以在点击按钮时更改文本框的值。以下是代码：

<script>
  function changeText() {
    document.getElementById("myInput").value = "New Text";
  }
</script>

这段代码创建了一个 changeText 函数，它将文本框的值更改为 "New Text"。我们可以通过在 HTML 页面中添加一个按钮来调用此函数：

<button onclick="changeText()">Click me</button>

现在，当用户点击按钮时，文本框将会被设置为 "New Text"。

结论

这就是使用 JavaScript 和 HTML 来更改文本框值的基础知识。通过使用这些技术，你可以创建一个功能性的网站，并为用户提供一些输入方式。如果你想深入了解更多关于 HTML 和 JavaScript 的内容，可以查看 MDN Web Docs。