HTML、javascript-显示标签的输入值

HTML、javascript-显示标签的输入值,javascript,jquery,html,input,labels,Javascript,Jquery,Html,Input,Labels,我想通过使用onkeyup将的值显示到标签或类似的东西上,以便实时显示。但只能通过使用第二个输入而不是标签来实现,但我只想显示值 这是我的Javascript函数: function copyTo(obj) { document.getElementById("utmatning").value = obj.value } 以及HTML: <label>E-post:</label> <input id="inmatning" type="text" on

我想通过使用onkeyup将
的值显示到标签或类似的东西上,以便实时显示。但只能通过使用第二个输入而不是标签来实现,但我只想显示值

这是我的Javascript函数:

function copyTo(obj) {
    document.getElementById("utmatning").value = obj.value
}
以及HTML:

<label>E-post:</label>
<input id="inmatning" type="text" onkeyup="copyTo(this)" placeholder="Skriv in e-post…">
<span>Vår återkoppling kommer att skickas till:</span>
<br>
<label id="utmatning"></label>
E-post:
Våråterkoppling kommer att skickas直到:


使用
textContent
作为标签

 document.getElementById("utmatning").textContent = obj.value

您还可以调用jquery的keyup函数,并在每次击键时更新标签: 试试这个

$( "#inmatning" ).keyup(function() {
    $("#utmatning").text($("#inmatning").val());
});


这两种方法都应该有效

如果你想从OP中获取内容,还需要使用“innerHTML”添加jQuery标记
    Try this also if you are seeking short method use jquery :

    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($(this).val());
    });

    or use 
    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($("#inmatning").val());
    });

but you are using function then you can also use:

function copyTo(that){
 $("#utmatning").text($(that).val());
}
    Try this also if you are seeking short method use jquery :

    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($(this).val());
    });

    or use 
    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($("#inmatning").val());
    });

but you are using function then you can also use:

function copyTo(that){
 $("#utmatning").text($(that).val());
}