使用jQuery将用户输入的内容打印到表单下的HTML表单中_Jquery_Html

使用jQuery将用户输入的内容打印到表单下的HTML表单中

jquery html

使用jQuery将用户输入的内容打印到表单下的HTML表单中,jquery,html,Jquery,Html,好的，最后一个问题。我有两个输入，只有一个是打印。我知道我的jquery是错误的，但我如何修复它以同时打印这两个 <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="stylesheet.css"> <script src="jquery-1.10.2.min.js"></script> <script src="script.js"><

好的，最后一个问题。我有两个输入，只有一个是打印。我知道我的jquery是错误的，但我如何修复它以同时打印这两个

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="jquery-1.10.2.min.js"></script>
<script src="script.js"></script>
</head>
<title>Hello world</title>
<body>
    <form id="games">
First Input:    <input type="text" name="input1" placeholder="Write stuff in me"/><br/>
Second Input:   <input type="text" name="input2" placeholder="And in me"/><br/>
<br/>
<button


你好，世界
第一次输入：

第二次输入：



您需要关闭
标记，然后您的append将把div放在那里，但我认为您不能把div放在
标记中。如果希望文本位于h6中，请尝试使用span
如果要在h6标记后添加div。使用jquerys.after（）
函数
$('h6').after('<div class="item">' + toAdd + '</div>')

$（'h6'）。在（''+toAdd+''）之后

根据您的编辑进行编辑
当你点击你的按钮时，你提交的表单正在清除你的页面。只需添加一个默认值来阻止这种情况发生
$(document).ready(function () {
    $('#printbtn').click(function (e) {
        e.preventDefault();
        var toAdd = $('input[name=input1]').val();
        $('h6').after('<div class="item">' + toAdd + '</div>')
    });
});

$（文档）.ready（函数（）{
$（'#printbn'）。单击（函数（e）{
e、 预防默认值（）；
var toAdd=$（'input[name=input1]'）。val（）；
$（'h6'）。在（''+toAdd+''）之后
});
});

这里有一个演示：
您需要关闭标记
通过验证器运行html时会出现“错误行16，第7列：忽略了“H6”的结束标记，但其声明不允许这样做”我认为您想使用。after（）
，而不是。append（）
。标题在标题中。同时关闭h6
标签。查看下面我更新的答案，以获得编辑2的答案