初学者的 JavaScript

Question

我只是想编写一个简单的代码来打印用户的输入。这就是我所拥有的:

<script type="text/javascript">
    function displayText() {
        var input = document.getElementById('input').value;
        document.getElementById('p').innerHTML = input;
        }
    }
</script>

和

<font face="arial" size="5" color="blue">Input section</font> <br/>
Query Sequence
<form name="form">
<textarea id="input" rows="8" cols="60" id="input" ></textarea><br/>
<button type="button" style="height: 25px; width: 100px" onClick="displayText()">Display Date</button><br/>
<p id="p"></p>
</form>

我不知道为什么它不起作用...... 还有一个小问题:在html中为表单标签分配ID和名称有什么区别？谢谢!

Answer 1

function displayText() {
    var input = document.getElementById('input').value;
    document.getElementById('p').innerHTML = input;
    } <--- extra brace
}

编辑:回应注释:

what is the difference between assigning an ID and a name to a form tag in html

ID 唯一标识元素，可用于 CSS 样式，或者像您一样在 JavaScript 中快速获取元素。

服务器端使用 name 属性来识别元素并获取其值。例如:

<textarea id="input" name="textinput" rows="8" cols="60" id="input" ></textarea>

如果将此表单发布到 PHP 脚本，您将使用如下方式访问该值:

echo $_POST['textinput'];

您还可以使用名称导航到元素，但不建议这样做。