Figure 6-15 presents the aspx code

Figure 6-15 presents the aspx code for the Checkout page. Here, you can see the use of the label elements and the server controls. For brevity, though, the required field validators for the text boxes and drop-down list aren’t shown.
To start, notice how the attributes for the form element are set. Because the DefaultFocus attribute is set to the first text box on the form, the user will be able to use the Tab key to move from the first text box to those that follow. Because the DefaultButton attribute is set to the Check Out button, the user will be able to press the Enter key to submit the form to the server.
Then, notice that the TextMode attribute of the first text box is set to Email.
It becomes the HTML5 type attribute of the input element that is rendered for the text box. Similarly, the TextMode attribute of the phone number text box is set to Tel, although that control isn’t included in this aspx code. Both of these attributes indicate what type of data is expected, and the browsers for some mobile devices will display keyboards that are appropriate for those entries.
Of special note is the way the drop-down list uses a SQL data source to add list items for each state to the list. The text that’s displayed for each item is the state name, and the value for each item is the state code. The Listltem object that is coded within the drop-down list sets the Text and Value fields for the first item in the list to empty strings. Then, if the user doesn’t select an item from the list, a required field validator will be activated so the form won’t be submitted to the server.
This code also shows how some of the attributes for server controls are used. For instance, the MaxLength attribute of the text box for the zip code limits the number of characters that can be entered to 5. The RepeatColumns attribute of the check box list is set to 2, and you can see how that is rendered in the previ¬ous figure. Similarly, the RepeatDirection attribute of the radio button list is set to Horizontal, and you can see how that is rendered in the previous figure

Kết quả (Việt) 1:

Hình 6-15 trình bày aspx mã cho trang thanh toán. Ở đây, bạn có thể thấy việc sử dụng các yếu tố nhãn và điều khiển máy chủ. Cho ngắn gọn, mặc dù, validators trường bắt buộc cho các hộp văn bản và danh sách thả-xuống không hiển thị.Để bắt đầu, thông báo như thế nào các thuộc tính cho yếu tố hình thức được thiết lập. Bởi vì các thuộc tính DefaultFocus được đặt thành hộp văn bản đầu tiên về hình thức, người dùng sẽ có thể sử dụng phím Tab để di chuyển từ hộp văn bản đầu tiên cho những người làm theo. Bởi vì các thuộc tính DefaultButton được đặt nút kiểm tra ra, người dùng sẽ có thể bấm phím Enter để gửi mẫu để các máy chủ.Sau đó, thông báo rằng các thuộc tính bàn của hộp văn bản đầu tiên được thiết lập để Email.Nó sẽ trở thành các loại HTML5 thuộc tính của yếu tố đầu vào được trả lại cho hộp văn bản. Tương tự như vậy, các thuộc tính bàn của hộp văn bản số điện thoại được thiết lập để điện thoại, mặc dù rằng điều khiển không được bao gồm trong mã này aspx. Cả hai người trong số các thuộc tính cho biết dự kiến sẽ loại dữ liệu, và các trình duyệt cho một số thiết bị điện thoại di động sẽ hiển thị bàn phím được thích hợp cho những mục.Đặc biệt đáng chú ý là cách danh sách thả-xuống sử dụng nguồn dữ liệu SQL để thêm các danh mục cho mỗi tiểu bang vaøo danh saùch. Văn bản được hiển thị cho mỗi mục là tên bang, và giá trị cho mỗi mục là các mã trạng thái. Đối tượng Listltem mã hoá bên trong danh sách thả xuống đặt trường văn bản và giá trị cho mục đầu tiên trong danh sách để trống dây. Sau đó, nếu người dùng không chọn một mục từ danh sách, một validator buộc sẽ được kích hoạt để các hình thức sẽ không được gửi đến máy chủ.Mã này cũng cho thấy như thế nào một số các thuộc tính cho máy chủ điều khiển được sử dụng. Ví dụ, các thuộc tính MaxLength của hộp văn bản cho mã zip giới hạn số ký tự có thể được nhập để 5. Các thuộc tính RepeatColumns của hộp danh được thiết lập để 2, và bạn có thể xem như thế nào đó kết xuất trong con số previ¬ous. Tương tự, các thuộc tính RepeatDirection của danh sách nút đài phát thanh nằm ngang, và bạn có thể xem như thế nào đó kết xuất trong hình trước

Kết quả (Việt) 2:

Hình 6-15 trình bày mã aspx cho trang Checkout. Ở đây, bạn có thể thấy việc sử dụng các yếu tố nhãn và điều khiển máy chủ. Cho ngắn gọn, mặc dù, các xác nhận trường bắt buộc cho các hộp văn bản và danh sách thả xuống không được hiển thị.
Để bắt đầu, để ý rằng những thuộc tính cho các yếu tố hình thức được thiết lập. Bởi vì các thuộc tính DefaultFocus được thiết lập để các hộp văn bản đầu tiên về hình thức, người dùng sẽ có thể sử dụng phím Tab để di chuyển từ hộp văn bản đầu tiên để những người theo. Bởi vì các thuộc tính DefaultButton được thiết lập để nút Check Out, người sử dụng sẽ có thể nhấn phím phải gửi biểu mẫu đến máy chủ Enter.
Sau đó, nhận thấy rằng các thuộc tính TextMode của hộp văn bản đầu tiên được thiết lập để Email.
Nó trở thành HTML5 loại thuộc tính của các yếu tố đầu vào mà là ra cho hộp văn bản. Tương tự như vậy, các thuộc tính TextMode của số điện thoại hộp văn bản được thiết lập để Tel, mặc dù kiểm soát mà không được bao gồm trong mã aspx này. Cả hai thuộc tính chỉ ra loại dữ liệu dự kiến, và các trình duyệt đối với một số các thiết bị di động sẽ hiển thị bàn phím thích hợp cho những mục.
Trong số lưu ý đặc biệt là cách các danh sách thả xuống sử dụng một nguồn dữ liệu SQL để thêm danh mục cho mỗi tiểu bang vào danh sách. Các văn bản được hiển thị cho mỗi mục là tên tiểu bang, và các giá trị cho mỗi mục là mã nhà nước. Các đối tượng Listltem đó được mã hoá trong danh sách thả xuống đặt các lĩnh vực văn bản và giá trị gia tăng cho các mục đầu tiên trong danh sách các chuỗi rỗng. Sau đó, nếu người dùng không chọn một mục từ danh sách, một validator trường bắt buộc sẽ được kích hoạt để biểu mẫu sẽ không được gửi đến máy chủ.
Mã này cũng cho thấy một số các thuộc tính cho điều khiển máy chủ được sử dụng. Ví dụ, các thuộc tính maxlength của hộp văn bản cho các mã zip hạn chế số ký tự có thể được nhập vào để 5. Các thuộc tính RepeatColumns của hộp danh sách kiểm tra được đặt là 2, và bạn có thể nhìn thấy như thế nào mà được trả lại trong previ Con số ¬ous. Tương tự như vậy, các thuộc tính RepeatDirection của danh sách các nút radio được thiết lập để ngang, và bạn có thể nhìn thấy như thế nào mà là ra trong hình trước