javascript for beginners

javascript for beginners

本文关键字：beginners for javascript      更新时间：2023-09-26

我只是想写一个简单的代码来打印用户的输入。这是我的：

<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和名称有什么区别？谢谢

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'];

也可以使用名称导航到元素，但不建议使用该名称。

在您的示例中，代码运行良好，可能这就是您的代码不起作用的原因。

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

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

相关文章：