Как отображать введенные вручную строковые значения в текстовых полях с использованием JavaScript и HTML на одной и той же веб-странице?

Я пытаюсь написать следующий исходный код для отображения введенного вручную (с клавиатуры) текст в текстовых полях с помощью кнопки отправки: HTML + JavaScript Источник:Как отображать введенные вручную строковые значения в текстовых полях с использованием JavaScript и HTML на одной и той же веб-странице?

<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>

Когда я использую отладчик для отслеживания ошибок, он дает сообщение «необоснованная синтаксическая ошибка» с помощью отладчика браузера. Когда веб-страница загружается в браузере, она отображает текстовые поля & кнопку отправки, хотя после ввода текста & нажатием кнопки отправки ничего не происходит!

источник

2015-07-05 Shairdil

Вы могли бы хотеть рассмотреть возможные взломы безопасности, которые могут быть сделаны возможным путем прямого отображения ввода пользователя. Что произойдет, если они вводят вредоносную функцию JavaScript? –

Здесь вы:

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); 
    }

Надеется, что это поможет.

источник

2015-07-05 14:38:08 hungndv

Спасибо hungndv! Теперь моя веб-страница работает. – Shairdil

Вы просто забыли завернуть <br /> кавычки в 15 строке:

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

источник

2015-07-05 14:39:32

Спасибо, Владимир Серех! Теперь моя веб-страница работает. – Shairdil

также закрыть ваш HTML тег

</html>

источник

2015-07-05 14:46:04 billy

Спасибо, Билли! Теперь моя веб-страница работает. – Shairdil

 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()">

источник

2016-10-04 08:17:17

Как отображать введенные вручную строковые значения в текстовых полях с использованием JavaScript и HTML на одной и той же веб-странице?

ответ

Смежные вопросы