html+JS 输入文本框，获取文本框内容且输出

用Html和Javascript弄出文本框，文本框中可以输入内容"..."，然后输出相应的“... , Welcome”
比如说，文本框中输入“Tony”，按钮之后，输出 “Tony, Welcome”,且跟随格式

举报该问题

推荐答案 2017-11-09

获取文本框中的内容有以下两种方法：

假设为如下文本框：

1、原生JS获取文本框的值：

document.getElementById("text").value //text为文本框的id

2、jquery获取文本框的值：

$("#text").val()

追问

怎么输出呢？

追答<html>
    <head>
        <meta http-equiv=content-type content="text/html;charset=GBK">
    </head>
    <body>
        <input id="txt"/>
        <input type="button" value="提交" onclick="sub()">
    </body>
    <script>

            function sub(){
                var content = document.getElementById("txt");
                alert(content.value);
            }

    </script>
</html>

追问

可以只是输出文字，而不是弹出对话框么？现在这种是弹出对话框
我只想是输出之后，直接显示文字而已，不想弹出对话框~
直接把想显示的文字输出在输入框下面就行

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/R4BWd4hcdBR5RP040cP.html

相似回答

如何获取HTML中用户输入到文本框中的内容?答：原生JS:var oInput =document.getElementById("app") //获取一个id为app的输入框元素；var getHtml = oInput.innerHTML //获取该元素的内容并赋值给getHTML;

js如何获取html input标签中内容答：你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。例：先准备一段HTML <input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">一、jquery方法通过 name 实现 var name = $('input[name="CSDN_NAME"]').val();二、javascript方法通过 id 实现 ...

用Js 在文本框中输出信息答：1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：<script> function cls(){ //捕获触发事件的对象，并设置为以下语句的默认对象 with(event.srcElement)//如果当前值为默认值，则清空 if(value==defaultValue) value=""} function res(){ //捕获触发事件的对象，并设置为以下语句的...