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
}

编辑：回复说明：

之间有什么区别为表单分配ID和名称 html中的标签

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

name属性是服务器端用来标识元素并获取其值的内容。例如：

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

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

echo $_POST['textinput'];

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

Answer 2

代码在你的例子中工作得很好，这可能就是为什么你的工作量很大。

所有现代浏览器都有很好的开发工具，您应该尝试它们，它们会告诉您语法错误。

id是你的dom元素的id，name是你发布表单时该输入的值所代表的字段的名称。

javascript初学者

2 个答案: