WML - Đầu vào
WML cung cấp các tùy chọn khác nhau để cho phép người dùng nhập thông tin thông qua ứng dụng WAP.
Trước hết, chúng ta sẽ xem xét các tùy chọn khác nhau để cho phép người dùng lựa chọn trực tiếp giữa các mục. Chúng thường ở dạng menu và menu con, cho phép người dùng đi sâu vào dữ liệu chính xác mà họ muốn.
Phần tử <select> WML:
Các phần tử <select> ... </select> WML được sử dụng để xác định danh sách lựa chọn và các thẻ <option> ... </option> được sử dụng để xác định một mục trong danh sách lựa chọn. Các mục được trình bày dưới dạng nút radio trong một số trình duyệt WAP. Cặp thẻ <option> ... </option> nên được đặt trong các thẻ <select> ... </select>.
Phần tử này hỗ trợ các thuộc tính sau:
Thuộc tính | Giá trị | Sự miêu tả |
---|---|---|
iname | bản văn | Đặt tên cho biến được đặt bằng kết quả chỉ mục của lựa chọn |
Tôi đánh giá | bản văn | Đặt phần tử tùy chọn đã chọn trước |
bội số |
|
Đặt xem có thể chọn nhiều mục hay không. Mặc định là "false" |
Tên | bản văn | Đặt tên cho biến được đặt bằng kết quả của phép chọn |
tabindex | con số | Đặt vị trí tab cho phần tử được chọn |
tiêu đề | bản văn | Đặt tiêu đề cho danh sách |
giá trị | bản văn | Đặt giá trị mặc định của biến trong thuộc tính "name" |
xml: lang | mật ngữ | Đặt ngôn ngữ được sử dụng trong phần tử |
lớp học | dữ liệu lớp | Đặt tên lớp cho phần tử. |
Tôi | ID phần tử | Một ID duy nhất cho phần tử. |
Sau đây là ví dụ hiển thị cách sử dụng của hai yếu tố này.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="Selectable List">
<p> Select a Tutorial :
<select>
<option value="htm">HTML Tutorial</option>
<option value="xml">XML Tutorial</option>
<option value="wap">WAP Tutorial</option>
</select>
</p>
</card>
</wml>
Khi bạn tải chương trình này, nó sẽ hiển thị cho bạn màn hình sau:
Khi bạn đánh dấu và nhập vào các tùy chọn, nó sẽ hiển thị màn hình sau:
Bạn muốn cung cấp tùy chọn để chọn nhiều tùy chọn, sau đó đặt nhiều thuộc tính thành true như sau:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="Selectable List">
<p> Select a Tutorial :
<select multiple="true">
<option value="htm">HTML Tutorial</option>
<option value="xml">XML Tutorial</option>
<option value="wap">WAP Tutorial</option>
</select>
</p>
</card>
</wml>
Thao tác này sẽ cung cấp cho bạn một màn hình để chọn nhiều tùy chọn như sau:
Phần tử WML <input>:
Phần tử <input /> được sử dụng để tạo trường đầu vào và trường đầu vào được sử dụng để lấy dữ liệu chữ và số từ người dùng.
Phần tử này hỗ trợ các thuộc tính sau:
Thuộc tính | Giá trị | Sự miêu tả |
---|---|---|
Tên | bản văn | Tên của biến được đặt bằng kết quả đầu vào của người dùng |
maxlength | con số | Đặt số ký tự tối đa mà người dùng có thể nhập vào trường |
trống rỗng |
|
Đặt xem người dùng có thể để trống trường nhập hay không. Mặc định là "false" |
định dạng | A a N X x M m * f nf |
Đặt định dạng dữ liệu cho trường đầu vào. Mặc định là "* M". A = ký tự chữ cái viết hoa hoặc ký tự dấu câu |
kích thước | con số | Đặt chiều rộng của trường đầu vào |
tabindex | con số | Đặt vị trí tab cho phần tử được chọn |
tiêu đề | bản văn | Đặt tiêu đề cho danh sách |
kiểu |
|
Cho biết loại trường nhập. Giá trị mặc định là "văn bản". Trường mật khẩu được sử dụng để lấy mật khẩu cho mục đích xác thực. |
giá trị | bản văn | Đặt giá trị mặc định của biến trong thuộc tính "name" |
xml: lang | mật ngữ | Đặt ngôn ngữ được sử dụng trong phần tử |
lớp học | dữ liệu lớp | Đặt tên lớp cho phần tử. |
Tôi | ID phần tử | Một ID duy nhất cho phần tử. |
Sau đây là ví dụ hiển thị cách sử dụng phần tử này.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="Input Fields">
<p> Enter Following Information:<br/>
Name: <input name="name" size="12"/>
Age : <input name="age" size="12" format="*N"/>
Sex : <input name="sex" size="12"/>
</p>
</card>
</wml>
Thao tác này sẽ cung cấp cho bạn màn hình sau để nhập thông tin cần thiết:
Phần tử <fieldset> WML:
Phần tử <fieldset /> được sử dụng để nhóm các trường nhập khác nhau hoặc danh sách có thể chọn.
Phần tử này hỗ trợ các thuộc tính sau:
Thuộc tính | Giá trị | Sự miêu tả |
---|---|---|
tiêu đề | bản văn | Đặt tiêu đề cho danh sách |
xml: lang | mật ngữ | Đặt ngôn ngữ được sử dụng trong phần tử |
lớp học | dữ liệu lớp | Đặt tên lớp cho phần tử. |
Tôi | ID phần tử | Một ID duy nhất cho phần tử. |
Sau đây là ví dụ hiển thị cách sử dụng phần tử này.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="Grouped Fields">
<p>
<fieldset title="Personal Info">
Name: <input name="name" size="12"/>
Age : <input name="age" size="12" format="*N"/>
Sex : <input name="sex" size="12"/>
</fieldset>
</p>
</card>
</wml>
Thao tác này sẽ cung cấp cho bạn màn hình sau để nhập thông tin cần thiết. Kết quả này có thể khác trình duyệt với trình duyệt.
Phần tử <optgroup> WML
Phần tử <optgroup /> được sử dụng để nhóm các tùy chọn khác nhau lại với nhau trong một danh sách có thể chọn.
Phần tử này hỗ trợ các thuộc tính sau:
Thuộc tính | Giá trị | Sự miêu tả |
---|---|---|
tiêu đề | bản văn | Đặt tiêu đề cho danh sách |
xml: lang | mật ngữ | Đặt ngôn ngữ được sử dụng trong phần tử |
lớp học | dữ liệu lớp | Đặt tên lớp cho phần tử. |
Tôi | ID phần tử | Một ID duy nhất cho phần tử. |
Sau đây là ví dụ hiển thị cách sử dụng phần tử này.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="Selectable List">
<p>
<select>
<optgroup title="India">
<option value="delhi">Delhi</option>
<option value="mumbai">Mumbai</option>
<option value="hyderabad">Hyderabad</option>
</optgroup>
<optgroup title="USA">
<option value="ohio">Ohio</option>
<option value="maryland">Maryland</option>
<option value="washington">Washingtone</option>
</optgroup>
</select>
</p>
</card>
</wml>
Khi người dùng tải mã trên, thì nó sẽ đưa ra hai tùy chọn để được chọn:
Khi người dùng chọn bất kỳ tùy chọn nào, thì chỉ nó mới đưa ra các tùy chọn cuối cùng được chọn. Vì vậy, nếu người dùng chọn Ấn Độ, thì nó sẽ hiển thị cho bạn các tùy chọn sau để được chọn: