JavaScript添加一个文本框并带有删除按钮

您可以通过以下代码在HTML中添加一个文本框和一个删除按钮：

<div>
  <input type="text" id="myText">
  <button onclick="clearText()">删除</button>
</div>

然后在JavaScript中定义一个名为`clearText()`的函数，以清除文本框中的内容：

function clearText() {
  document.getElementById("myText").value = "";
}

这个函数将获取具有`id`为`myText`的元素，并将其值设置为空字符串，这样就可以清除文本框中的内容。

相关问题

JavaScript 编写代码来点击文本框内部文本框变大，点击文本框外部文本框回复原状，点击按钮打印输入内容并带有删除打印文本的功能

可以使用以下代码实现：

HTML 代码：

<input type="text" id="myInput">
<button onclick="printInput()">打印</button>

JavaScript 代码：

function printInput() {
  var input = document.getElementById("myInput");
  var value = input.value.trim();
  if (value) {
    console.log(value);
    input.value = "";
  }
}

var input = document.getElementById("myInput");
input.addEventListener("focus", function() {
  input.style.width = "300px";
});

input.addEventListener("blur", function() {
  input.style.width = "200px";
});

这段代码会在文本框获得焦点时将其宽度变为 300px，在失去焦点时恢复为 200px。点击按钮会将文本框中的内容打印到控制台，并清空文本框。

点击文本框内部文本框变大，点击文本框外部文本框回复原状，点击按钮打印输入内容并带有删除打印文本的功能

您好，这是一个前端开发问题。您可以使用 JavaScript 编写代码来实现这个功能。您可以使用事件监听器来检测文本框的点击事件，然后使用 CSS 样式来改变文本框的大小。当点击按钮时，您可以使用 JavaScript 获取文本框的输入内容并将其打印出来，然后使用 JavaScript 清空文本框的内容。希望这可以帮助您解决问题。