用于在同一页面中打印输入和文本区域的表单
Form to print inputs and textarea in the same page
我有这个表单,现在将结果发送到电子邮件。
<form action="https://formmail.servage.net/" method=POST>
<input type=hidden name="id" value="28939">
<input type=hidden name="subject" value="FORM SUBJECT">
<input type=text placeholder="E-Mail" onfocus="this.placeholder = ''" onblur="this.placeholder = 'E-Mail'" name="E-MAIL"><p>
<input type=text placeholder="Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Name'" name="NAME"><p>
<input type=text placeholder="City" onfocus="this.placeholder = ''" onblur="this.placeholder = 'City'" name="CITY"><p>
<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" name="FEEDBACK" id=text rows=5 placeholder="Message" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Message'"></textarea> <br><br>
Push enter
</form>
https://jsfiddle.net/pdkox9ar/
我想要的只是在表单底部的同一页面中打印输入和文本区域。这怎么可能?
假设您添加一个按钮来参与从输入字段中提取值 - 并且还添加一个容器div 来显示您的文本,如下所示;
<button id="showme">showme</button><div id="output" />
您需要一些 javascript 来遍历表单的输入字段,类似于以下内容;
var button = document.getElementById('showme');
document.getElementById('showme').onclick = function showcontents() {
var form = document.forms[0];
var result = "";
for(var i = 0; i < form.elements.length; i++) {
var input = form.elements[i];
var value = input.value;
var key = input.name;
result += input.name + " = " + input.value + "<br/>";
}
document.getElementById('output').innerHTML = result;
};
我没有在较旧的浏览器中对此进行测试,我相信文本区域可能并不总是具有value
属性。相反,您可以通过文本区域上的innerHTML
提取内容 - 但这仅来自内存。以上应该适用于支持 html5 的浏览器。
<form name="name" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
它会将表单数据传递给同一个脚本,因此您可以在顶部放置PHP以获取该值。
if (isset($_POST ['E-Mail'])) {
$email = $_POST ['E-Mail'];
}
并在页面上显示:
echo $email;
相关文章:
- onkeyup无法动态创建多个文本区域
- 具有所有样式的文本正在复制到可编辑文本区域
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- ng在下拉列表和文本区域提交
- 将文本插入光标所在的文本区域
- 离开页面导航后保留文本区域内容
- Javascript-在文本区域中断,但不在段落中中断
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 测试文本区域中的特定文本格式
- 文本编辑后,append函数不适用于文本区域
- 如何在ReactJs中链接下拉列表和文本区域
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- 使用JSON文件中的变量(字符串)填充文本区域
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何为动态创建的文本区域中输入的值更新ng模型
- 延迟高亮显示文本区域中的文本
- 将字母添加到文本区域的末尾
- TinyMCE在新添加的文本区域