你可以通过以下方式来实现添加一个消息框和电子邮件文本框,并在msgresults标记中显示表单中的所有内容:
<form id="myForm">
<label for="message">消息:</label>
<input type="text" id="message" name="message"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交" onclick="handleSubmit(event)">
</form>
<p id="msgresults"></p>
function handleSubmit(event) {
event.preventDefault(); // 阻止表单默认提交行为
var message = document.getElementById("message").value;
var email = document.getElementById("email").value;
var result = "消息:" + message + "<br>电子邮件:" + email;
document.getElementById("msgresults").innerHTML = result;
}
上述代码中,handleSubmit函数用于处理表单提交事件。它首先通过getElementById获取消息框和电子邮件文本框的值,然后将这些值拼接成一个结果字符串,并将结果字符串赋值给msgresults标记的innerHTML属性,以显示在页面上。
请注意,以上代码仅供参考,并假设你已经了解HTML、JavaScript和相关的Web开发知识。根据实际情况和要求,你可能需要进一步完善和调整代码。
领取专属 10元无门槛券
手把手带您无忧上云