Об'єкти Java. Script
Класи Button, Checkbox, Hidden, Password, Radio, Reset, Submit, Textarea Відображають відповідні елементи екранних форм в HTML. Також є клас File. Upload, відповідний елементу file. Властивості: відповідні атрибутам тегів. Велика частина з них доступна тільки для читання. наприклад: name, type, default. Value, default. Checked і т. д. . Доступне з читання та запису: value. Крім того: form - доступно тільки з читання, є посиланням на форму об'єкта класу Form, якій належать відповідні елементи. Обробники подій: onclick (), onblur (), onfocus (), onchange () і т. д. Методи (крім Hidden): Blur () - втратити фокус Focus () - придбати фокус. Конструктори в документі: відповідні теги
Button Відповідає кнопкам в формах HTML- документів. Класи Submit і Reset - це спадкоємці класу Button, що служать для передачі форми і скидання введених в неї даних, відповідно.
![Button виклик: форма. імя_кнопки форма. elements [i] форма. elements ["імя_кнопки"] конструктор: У документі:](https://present5.com/presentation/3/-11511086_64716751.pdf-img/-11511086_64716751.pdf-4.jpg "Button виклик: форма. імя_кнопки форма. elements [i] форма. elements [\"імя_кнопки\"] конструктор: У документі:")
Button виклик: форма. імя_кнопки форма. elements [i] форма. elements ["імя_кнопки"] конструктор: У документі: тегом <input> з додаванням атрибуту type = "Button У програмі: B = new Button (); Обробники: on. Click <form>. . . <input type = "button" задає, що це кнопка; name = "Button" ім'я, яке згодом може використовуватися для звернення до кнопки; value = "мітка" текст, який відображається на кнопці; on. Click = "обробник" оператори Java. Script, що підлягають виконання при клацанні на кнопці; >… </ form>
Checkbox Примірник класу Checkbox - прямокутник, в якому може бути проставлена "галочка", що означає, що він відзначений. Графічна опція в HTML-формі. Текст, який відображається поруч з опцією, не є частиною об'єкта checkbox і повинен задаватися поза HTML-тега <input>, що створює цей об'єкт. Оброблювач подій on. Click дозволяє задавати програму на Java. Script, яка повинна буде виконуватися при виборі або скасування даної опції. Властивість checked дозволяє змінювати або перевіряти стан об'єкта checkbox.
Checkbox <form>. . . <input type = "checkbox" показує, що це опція name = "ім'я" ім'я, яке згодом може використовуватися для звернення до даної кнопці або групі кнопок з таким ім'ям; value = "значення" значення, що повертається при виборі даної кнопки; checked показує, що дана кнопка по замовчуванням відзначена; задає властивість default. Checked; on. Click = "обробник" оператори Java. Script, що підлягають виконання при клацанні на даній кнопці; id=“check 1” > <label for=“check 1”>HTML-текст, який повинен відображатися поруч з даною опцією</label>. . . </ form>
Radio Графічна селекторна кнопка, аналогічна checkbox, але кругла, з точкою всередині при виділенні. Так само як і в checkbox, текст, що знаходиться поруч із кнопкою, не є частиною об'єкта radio, і отже, задається поза тега <input>. Об'єкт класу Radio завжди використовується в групах взаємовиключних опцій з одним і тим же ім'ям. Тільки один об'єкт radio в групі може містити атрибут checked, яким задаються початкові значення властивостей checked і default. Checked (true для даного об'єкта, false для всіх інших селекторних кнопок у групі). Групи об'єктів radio створюються за допомогою відповідної кількості тегів <input> з типом radio, які мають один атрибут name, завданням якого встановлюється імя радіогруппи, до якої належить елемент. Звертатись до кнопки можна або як до елементу групи, або як до елементу масиву elements даної форми : document. form. імя_группи [i] або document. form. elements [j]
Radio <form>. . . <input type="radio“ id=“radio 1” name="Radio. Group 1“ value="value 1“ checked> <label for=“radio 1”>текст1</label> <input type="radio“ id=“radio 2” name="Radio. Group 1“ value="value 2“ > <label for=“radio 2”>текст2</label> <input type="radio“ id=“radio 3” name="Radio. Group 1“ value="value 3"> <label for=“radio 3”>текст3</label> … </form>
Reset Kлас успадковує властивості і методи від класу Button, але використовується тільки для скидання значень форми в стандартні установки. Для більшості елементів це означає скидання в значення, задане HTML-атрибутом value. Якщо початкове значення не задано, то клацання на кнопці Reset очищає ці об'єкти від введених даних. При відсутності в HTML теге атрибута, value, на кнопці класу Reset буде напис "Reset"
Reset <form>. . . <input type = "reset" name = "ім'я" value = "текст_на_кнопці" on. Click = "обробник" >. . . </ form>
Text і Password Пункти введення тексту в формі. Атрибут size відповідного тега задає ширину (в символах) поля введення на екрані, а атрибут maxlength - максимальне число символів, яке користувачеві дозволяється ввести (0 - немає обмежень). Для отримання введених даних можна прочитати властивість value або присвоїти йому як значення довільний текст в поле введення. Якщо значення, що вводиться користувачем, бажано приховати, то замість об'єкта Text необхідно використовувати об'єкт Password (для введення декількох рядків слід використовувати клас. Якщо форма містить тільки один об'єкт text або password, то вона буде передаватися цим об'єктом автоматично при натисканні користувачем c клавіатури клавіші <Enter> (для форми виникає подія Submit).
Text і Password <form>. . . <input type = "text" name = "ім'я" size = 20 value = "стандартне" стандартне значення, що передається при передачі форми; задає властивістьdefault. Value (захищена від записи рядок, в якій задається початкове значення поля вводу) on. Blur = "обробник" on. Change = "обробник" on. Focus = "обробник" >. . . </ form>
Textarea Примірник Textarea в документі створюється тегом <textarea> з додаванням необов'язкових атрибутів. Атрибут wrap, який задає довжину оброблюваних рядків, має три допустимих значення: off показує, що рядки потрібно залишати в такому вигляді, в якому вони були введені; virtual вимагає, щоб рядки відображалися з переносами, але передавалися без них; physical говорить про те, що рядки повинні відображатися і передаватися зі вставленими переносами.
Textarea <form>. . . <textarea name = "ім'я" rows = “ 10” висота об'єкта в рядках cols = “ 20” ширина об'єкта в стовпцях wrap = “off | virtual | physical” on. Blur = "обробник" on. Change = "обробник" on. Focus = "обробник" > простой_текст </ textarea>. . . </ form>
Select і Option Клас Select представляє на екрані список елементів, з яких можна вибирати потрібний. Якщо в HTML-визначенні даного об'єкта є атрибут multiple, то із списку дозволяється вибирати будь-яке число опцій. Якщо цього атрибуту немає, то користувач може вибирати тільки одну опцію, і опції працюють як селекторні кнопки (тобто є взаємовиключними). Клас Option є допоміжним для класу Select і описує обрані елементи, які відображаються в об'єкті select. Якщо sel 1 - об'єкт класу Select, то sel 1. options [i] забезпечує доступ до масиву об'єктів option.
Select і Option Програмний конструктор: opt 1 = New Option (); Властивості: Opt 1. default. Selected - доступно тільки з читання (RO) Opt 1. index - індекс опції в масиві загальний (RO) Opt 1. selected - булеве значення; Opt 1. text - текст опції; Opt 1. value - рядок, що передається на сервер по команді Submit форми. Якщо в елементі Select значення атрибута size більше одиниці або якщо в ньому є опція multiple, об'єкти Select відображаються у вигляді списку. Висота поля цього списку визначається властивістю size (у числі рядків). Якщо size менше кількості елементів, то список буде містити полосу прокрутки (scrollbars). Якщо значення size дорівнює 1, а атрибут multiple не зазначений, то відображається список, що випадає. У видимому полі показується елемент option, позначений як Selected. Якщо ж такого елементу немає, відображається перший елемент списку.
<form>. . . Select і Option <select name = "ім'я" size = “ 3” multiple=“multiple” on. Change = "обробник" on. Blur = "обробник" on. Focus = "обробник"> <option value="result"> перший пункт <option value="1" selected> другий пункт буде відразу виділений <option value="2"> третій пункт <option value="myresult"> четвертий пункт <option value="3"> п'ятий пункт </ select>. . . </ form> multiple означає, що за допомогою клавіші <Slift> або <Ctrl> і "миші" можна вибирати більше ніж один елемент зі списку. value - значення, що передається серверу прийомі форми у випадку, якщо елемент вибрано; selected - пункт обраний за замовчуванням.
