Javascript Prompt()替代方案

Question

简单的JavaScript.

var userName = prompt ("What's your name?");
document.write ("Hello " + userName + ".");

获取用户输入(名称)的方法是否比通过弹出框更方便？我如何在网站中实现文本框以获取用户名？

这怎么样？

<section class="content">
<input id="name" type="text">
<button onclick="userName()">Submit</button>
<p id="user"></p>
<script>
function userName() {
var name = document.getElementById("name").value;
user.innerHTML = "Hello" + " " + name}
</script>
</section>

Answer 1

一段简单的HTML来创建文本字段和按钮:

<input id="name" type="text">
<button onclick="go()">Go</button>

还有一个简单的脚本,可以在单击按钮时调用它:

function go() {
    var text = document.getElementById("name").value;
    alert("The user typed '" + text + "'");
}

工作演示:http://jsfiddle.net/jfriend00/V74vV/

简而言之,您将数据输入字段放入页面.然后,您将事件处理程序连接到某种用户事件(如单击按钮),然后在该代码中,您从数据输入字段中获取值,并使用它执行任何操作.

如果您想了解所有不同类型的input标签,请阅读此处.

您可能还想了解document.getElementById("xxx")哪些内容允许您在页面中找到已为其分配ID的元素,然后从中获取属性.

Answer 2

对的，这是可能的。

您可以将 onChange 应用于文本框或

如果与按钮结合使用，您可以使用 onClick，或者

如果文本框位于表单内，onsubmit 也是一种替代方法。