HTML / Javascript表单然后在底部生成输入文本

时间:2015-02-28 07:43:15

标签: javascript html

创建HTML表单,所以这就是我需要的。我想在框中输入文本,然后将输入的文本显示在提交按钮的底部。

http://www.w3schools.com/html/html_forms.asp - 守则网站

我只想让输入的文字显示在底部,以便我可以复制它。但是当我点击提交时,它会将我重定向到一个网址,

我需要多种形式,如姓名,年龄,出生日期,电话号码,身份等。形式。

请帮助我谢谢!

2 个答案:

答案 0 :(得分:0)

试试这个

<form>
    <input type="text" id="txt">
    <button type="button" onclick="ShowText();">Submit</button>
</form>
<span id="show"></span>
<script>
    function ShowText(){
        var txt = document.getElementById('txt');
        var show = document.getElementById('show');
        show.innerHTML = txt.value;
    }
</script>

答案 1 :(得分:0)

如果您只想显示名字和姓氏,可以这样做:

function enter(){
var firstname = document.getElementById("firstName").value;
var lastname = document.getElementById("lastName").value;

document.getElementById("show").innerHTML = firstname + " " + lastname;
  }
<form>
  <input type="text" id="firstName"> 
  <input type="text" id="lastName">
  <input type="submit" onclick="enter()" value="Submit">
 </form>
  <div id="show"></div>