You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现点击按钮时在input输入框中显示指定文本?

实现点击按钮在输入框显示指定文本

你只需要补充对应的JavaScript函数myFunction就能完成需求,完整代码如下:

<button class='submit' onclick="myFunction()"> Click Me </button>
<input type='text' id='demo'>

<script>
function myFunction() {
  // 获取id为demo的输入框元素
  const inputElement = document.getElementById('demo');
  // 设置输入框显示的文本
  inputElement.value = "Hello World";
}
</script>

核心逻辑说明:

  • 按钮的onclick属性已经绑定了myFunction,点击按钮时会自动触发这个函数
  • 通过document.getElementById('demo')定位到目标输入框
  • 修改输入框的value属性,即可将指定文本显示在输入框内

内容的提问来源于stack exchange,提问作者coding_life

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 10:00:54