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

         

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


Следующий пример демонстрирует использование текстовых полей для ввода данных. Для тех, кто не понимает показанный ниже код JavaScript, скажем, что он иллюстрирует, как сценарий браузера может получить доступ к информации в элементах управления textbox и выполнять локальную обработку и вывод информации.


<!-- Сценарий браузера --> <script type="text/javascript"> function Get_Logon() { var Account = document.getElementById("Account") var Password = document.getElementById("Password") var Output = document.getElementById("Output") Output.innerHTML = "Your account is <b>" + Account.value + "</b> and your password is <b>" + Password.value + "</b>." } </script>

<!-- Код XHTML --> <div> Enter your account: <input id="Account" type="text"/><br/> Enter your password: <input id="Password" type="password"/> <input type="button" value="Submit" onclick="Get_Logon()"/><br/> <span id="Output" style="color:red"></span> </div>

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



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