Kontrolki wejściowe XForms
- Poprzednia strona XPath XForms
- Następna strona Wybór XForms
Interfejs użytkownika XForms używa kontrolki XForms.
Kontrolki XForms
Elementy interfejsu użytkownika w XForms nazywane są Kontrolki XForms。
Najczęściej używanymi elementami kontrolnymi są <input> i <submit>.
Każdy element kontrolki ma atrybut ref wskazujący na model danych XForms.
Kontrolki niezależne od urządzenia
Zrozumienie interfejsu użytkownika XForms nie dokładnie opisuje, jak wyświetlać kontrolki XForms, jest bardzo ważne.
Ponieważ XForms jest niezależny od platformy i urządzenia, XForms pozostawia decyzję o tym, jak wyświetlać te przestrzenie, na browserze.
Dzięki temu XForms można stosować na wszystkich typach urządzeń, takich jak komputery osobiste, telefony komórkowe, przenośne komputery itp. XForms jest również idealnym rozwiązaniem do definiowania interfejsu użytkownika dla osób niepełnosprawnych.
Kontrolka input
Kontrolka input jest najbardziej używanym kontrolkiem XForms. Służy do wprowadzania wiersza tekstu:
<input ref="name/fname"> <label Imię</label> </input>
Większość czasu, kontrolka input jest wyświetlana jako takie pole wejściowe:
Spróbuj sam
Element <label>
Element <label> jest obowiązkowym podelementem wszystkich kontrolków wejściowych XForms.
Powodem tego jest zapewnienie, że formularz jest dostępny dla wszystkich typów urządzeń (ponieważ etykiety mogą być przetwarzane na różne sposoby.). Dla oprogramowania głosowego, etykiety mogą być odczytane, a dla niektórych przenośnych urządzeń, etykiety muszą być śledzone ekran po ekranie podczas wprowadzania.
Kontrolka secret
Kontrolka secret jest specjalną wersją input, zaprojektowaną do wprowadzania hasła lub innych ukrytych informacji:
<secret ref="name/password"> <label Hasło:</label> </secret>
Większość czasu, kontrolka secret jest wyświetlana jako takie pole wejściowe:
Kontrolka textarea
Kontrolka textarea służy do wieloliniowego wejścia:
<textarea ref="message"> <label>Wiadomość</label> </textarea>
Kontrolka textarea może być wyświetlona jako taki pole wejściowe:
Kontrolka wyśyłowa
Kontrolka wyśyłowa służy do wysyłania danych:
<submit submission="form1"> <label>Wyślij</label> </submit>
Kontrolka wyzwalająca
Kontrolka wyzwalająca służy do wywołania pewnej akcji:
<trigger ref="calculate"> <label>Oblicz!</label> </trigger>
Kontrolka wyjściowa:
Przestrzeń wyjściowa do wyświetlania danych XForms:
<p>Imię: <output ref="name/fname" /></p> <p>Nazwisko: <output ref="name/lname" /></p>
Powyższy przykład wyświetla jedynie zawartość węzłów <fname> i <lname> dokumentu XML (instancji) XForms:
<instance>
<person>
<name>
<fname>David</fname>
<lname>Smith</lname>
</name>
</person>
</instance>
Wyświetla się tak:
Imię: David Nazwisko: Smith
Spróbuj sam
Kontrolka Upload
Kontrolka upload jest zaprojektowana do przesyłania plików na serwer:
<upload bind="name"> <label>File to upload:</label> <filename bind="file"/> <mediatype bind="media"/> </upload>
- Poprzednia strona XPath XForms
- Następna strona Wybór XForms
