Основы работы с XHTML и CSS

       

Извлечение данных из textarea


Следующий пример демонстрирует использование текстовой области для ввода данных. Если ввести некоторый текст в бокс и щелкнуть на кнопке "Submit", то введенный текст должно появиться ниже управляющего элемента textarea.


<!-- Сценарий браузера --> <script type="text/javascript"> function Get_Text() { var Input = document.getElementById("MyText") var Output = document.getElementById("Output") Output.innerHTML = "<b>You entered: </b>" + Input.value } </script>

<!-- Код XHTML --> <div> Enter your comments:<br/> <textarea id="MyText"></textarea> <input type="button" value="Submit" onclick="Get_Text()"/><br/> <span id="Output" style="color:red"></span> </div>

Когда делается щелчок на кнопке "Submit", активируется локальная функция JavaScript с именем Get_Text(), которая находится на той же странице, что и управляющий элемент textarea. Сценарий обращается к данным, введенным в текстовой области, и выводит их на экране.



Содержание раздела