如何使用JavaScript在文本框中显示手动输入的字符串值同一网页上的HTML

How to display manually entered string values in text boxes using JavaScript & HTML on the same webpage?

本文关键字：字符串 网页 HTML 手动输入 JavaScript 何使用 文本 显示      更新时间：2023-09-26

我正试图编写以下源代码，用于在文本框中使用提交按钮显示手动输入的(从键盘)文本:HTML + JavaScript源码:

<html>
<head>
    <title>Insert Values</title>
</head>
<body>
    <form id="form1">
        Title: <input type="text" id="title1" size="25"><br /><br />
        Description: <input type="text" id="desc1" size="55"><br /><br />
        <input type="button" value="Submit" onclick="doit();">
    </form>
    <script type="text/javascript">
       function doit(){
            var title = document.getElementById("title1").value;
            var desc = document.getElementById("desc1").value;
            document.write("<h3>Title : </h3>" + title + <br />);
            document.write("<h3>Description : </h3>" + desc);
            }
    </script>            
</body>

当我使用调试器跟踪错误时，它使用浏览器的调试器给出"未发现语法错误"的消息。当网页在浏览器中加载时，它显示文本框&提交按钮，虽然在输入文本&点击提交按钮，什么也没发生!

给你:

   function doit() {
       var title = document.getElementById("title1").value;
       var desc = document.getElementById("desc1").value;
       document.write("<h3>Title : </h3>" + title + "< br / >"); // HERE
       document.write("<h3>Description : </h3>" + desc);
   }

您刚刚忘记在第15行用引号括住<br />:

document.write("<h3>Title : </h3>" + title + "<br />");

也关闭你的HTML标签

   </html>

     function doit(){
     var myValue=document.getElementById('myTextBox').value;
     if(myValue==0){
     alert('Pleae Enter Real Value');
     }
     var myTitle=document.getElementById('title');
     myTitle.innerHTML=myValue;
}
<h1 id="title">Title</h1>
<input type="text" id="myTextBox">
<input type="submit" value="Click me!!" onClick="doit()">
相关文章：