Question

我只是想把一个输入框的值嵌入到表单标签中。

例如，这很好用。

<div>
    <label>First Name</label>
    <input id="firstName" type="text" required />
</div>
<button type="submit" onclick="getName()">Submit</button>

<script type="text/javascript">
    function getName() {
        var name = document.getElementById('fistName').value;
        console.log(name);
    }
</script>

单击提交按钮时，将输出控制台中输入的任何值。但是如果我把它放在下面这样的形式中，它就不会返回任何东西。

<form>
    <div>
        <label>First Name</label>
        <input id="firstName" type="text" required />
    </div>
    <button type="submit" onclick="getName()">Submit</button>
</form>

表单标记是否添加了一些保护？如何从表单中的输入标记中获取值？

Answer 1

它不会返回任何内容

是的。

但是，由于您提交表单，该页面也会立即刷新，您可以从头开始。

表格不是＆＃34;保护＆＃34;任何东西。在这两种情况下，代码完全相同。但在第二种情况下，form在你有实际的时间看到结果之前还做了其他事情（加载页面）。

Answer 2

提交类型的按钮刷新页面。控制台也被清除了。所以它确实输出但立即清除。尝试将按钮类型更改为“按钮”。然后它不会刷新页面，你会看到输出。

如何获得表单内输入的值？

2 个答案: