javascript - 有没有办法将给定的输入值设为 "use"?

标签 javascript html css

<分区>

我很没有经验,所以如果这是一个愚蠢的问题,我很抱歉。

我想知道是否有可能在接受输入并在其他地方“使用”它的网站上编写一些代码 - 我想要的是一个要求输入名称的输入框,给出的名称将出现代替某种“名称”变量。例如,如果您输入的姓名为“Bob”,则“Hello(姓名)”之类的内容将显示为“Hello Bob”。

我还没有真正看到任何关于如何执行此操作的说明,这让我想知道它是否可能。

我一直在尝试自己处理输入框,到目前为止它看起来像这样:

<body>
  <form>
  <label for="namebox">Name:</label>
  <br>
  <input type="text" id="uname" name="name" value="Namehere">
  <br>
  <button>Submit</button>
  </form>

  <p id="namebox"></p>

  <script>
  document.getElementById("namebox").innerHTML = "uname";
  </script>
</body>

当前的输出被发送到一个以“/?name=(输入的任何名称值)”结尾的不存在的页面。

此外,如果这样做可行,对“名称”变量的更改是否仅发生在具有输入表单的页面上,还是会传递到网站上的所有页面?

感谢您的帮助。

最佳答案

<script> 
document.getElementById("namebox").innerHTML = "Hello" + document.getElementById("uname").value

</script>

关于javascript - 有没有办法将给定的输入值设为 "use"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57858985/

上一篇:html - 使用 div 代替表格元素创建表格

下一篇:javascript - 这些按钮不会改变文本颜色或图像大小。我认为我的 javascript 链接不正确?

相关文章:

php 时间戳转 javascript 时间或日期

javascript - 防止调查受访者输入空格作为第一个字符的方法

html - 输入 hidden 或 div with display : none in css?

css - div 和链接/表单的问题

javascript - 将 API 派生值映射到 React.js 状态的问题

javascript - ng-model 中的动态变量

php - 这些字符是什么样的以及我如何使用 PHP 对其进行修剪

html - 按钮 Accordion (CSS)

css - 是什么导致元素之间的边距?我怎样才能摆脱它们?

javascript - jQuery getJSON 在对话框关闭之前没有足够的时间执行