Video: Lập trình ASP.NET MVC - Bài 8: Validate dữ liệu form trong ASP.NET MVC 2025
Phải có một số cách để làm cho hình thức hoạt động đúng, bất kể chiều rộng của container. CSSS3 cung cấp chính xác như một cơ chế dễ sử dụng khi thiết kế các trang HTML5 của bạn.
Thuộc tính rõ ràng được sử dụng trên các phần tử có thuộc tính float. Thuộc tính rõ ràng có thể được đặt ở bên trái, bên phải hoặc cả hai. Đặt thuộc tính rõ ràng sang trái có nghĩa là bạn không muốn gì cả ở bên trái của phần tử này. Nói cách khác, phần tử này nên nằm ở lề trái của thùng chứa. Mỗi nhãn nên bắt đầu dòng riêng của nó, vì vậy hãy đặt thuộc tính rõ ràng sang bên trái.
Để buộc nút lên dòng riêng của nó, thiết lập thuộc tính rõ ràng của nó cho cả hai. Điều này có nghĩa là nút không nên có các phần tử ở bên trái hoặc bên phải. Nó sẽ chiếm một đường dây của riêng nó.
Nếu bạn muốn một phần tử bắt đầu một dòng mới, đặt cả hai thuộc tính float và clear vào bên trái. Nếu bạn muốn một phần tử được trên một đường dây một mình, đặt phao sang trái và rõ ràng cho cả hai.
Sử dụng thuộc tính rõ ràng cho phép bạn có một bộ chứa chiều rộng linh hoạt và vẫn duy trì được sự kiểm soát hợp lý của thiết kế biểu mẫu. Biểu mẫu có thể có cùng chiều rộng với trang và vẫn hoạt động chính xác. Phiên bản này hoạt động, bất kể chiều rộng của trang.
Đây là mã CSS cuối cùng, bao gồm các thuộc tính rõ ràng trong nhãn và nút:
/ * floatForm. css tệp tin CSS để đi với form phao Thể hiện việc sử dụng float, width, margin và clear * / fieldset {background-color: #AAAAFF;} label {clear: left; phao: trái; chiều rộng: 5e; text-align: phải; lề phải:. 5em;} input {float: left; background-color: #CCCCFF;} nút {float: trái; rõ ràng: cả hai; margin-left: 7em; margin-top: 1em; màu nền: # 0000CC; màu sắc: #FFFFFF;}
