Viết chương trình thiết kế biểu mẫu sử dụng combo box list box và hidden field box trong php

Hãy xem xét chi tiết từng điều khiển. Hãy thêm chúng để xây dựng biểu mẫu với chức năng nêu trên

Bước 1] Bước đầu tiên là mở Trình thiết kế biểu mẫu cho biểu mẫu web Demo. Sau khi thực hiện việc này, bạn sẽ có thể kéo các điều khiển từ hộp công cụ vào biểu mẫu Web

Để mở biểu mẫu web Designer,

• Nhấp chuột phải vào Bản trình diễn. aspx trong Solution Explorer và
• Chọn tùy chọn menu View Designer

Khi bạn thực hiện bước trên, bạn sẽ có thể thấy Trình thiết kế biểu mẫu của mình như được hiển thị bên dưới

Bây giờ, hãy bắt đầu thêm từng điều khiển của chúng ta

Kiểm soát nhãn

Điều khiển nhãn được sử dụng để hiển thị văn bản hoặc thông báo cho người dùng trên biểu mẫu. Điều khiển nhãn thường được sử dụng cùng với các điều khiển khác. Các ví dụ phổ biến là trong đó nhãn được thêm cùng với điều khiển hộp văn bản. Nhãn đưa ra một dấu hiệu cho người dùng về những gì dự kiến ​​​​sẽ điền vào hộp văn bản. Hãy xem cách chúng ta có thể triển khai điều này với một ví dụ được hiển thị bên dưới. Chúng tôi sẽ sử dụng một nhãn gọi là 'tên. ' Điều này sẽ được sử dụng cùng với các điều khiển hộp văn bản, sẽ được thêm vào trong phần sau

Bước 1] Bước đầu tiên là kéo điều khiển 'nhãn' vào Biểu mẫu web từ hộp công cụ như hình bên dưới

Bước 2] Khi nhãn đã được thêm vào, hãy làm theo các bước sau

1. Chuyển đến cửa sổ thuộc tính bằng cách nhấp chuột phải vào điều khiển nhãn
2. Chọn tùy chọn menu Thuộc tính

Bước 3] Từ cửa sổ thuộc tính, đổi tên thuộc tính Văn bản thành Tên

Tương tự, cũng thay đổi giá trị thuộc tính ID của điều khiển thành lblName. Bằng cách chỉ định một ID có ý nghĩa cho các điều khiển, việc truy cập chúng sẽ trở nên dễ dàng hơn trong giai đoạn mã hóa. Điều này được hiển thị dưới đây

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

Bạn sẽ thấy nhãn Name xuất hiện trên Web Form

Hộp văn bản

Hộp văn bản được sử dụng để cho phép người dùng nhập một số văn bản trên ứng dụng biểu mẫu Web. Hãy xem cách chúng ta có thể triển khai điều này với một ví dụ được hiển thị bên dưới. Chúng tôi sẽ thêm một hộp văn bản vào biểu mẫu mà người dùng có thể nhập tên của mình

Bước 1] Bước đầu tiên là kéo điều khiển hộp văn bản vào Biểu mẫu web từ hộp công cụ như hình bên dưới

Dưới đây là giao diện của nó trong công cụ thiết kế biểu mẫu sau khi điều khiển Hộp văn bản có trên biểu mẫu

Bước 2] Khi Hộp văn bản đã được thêm vào, bạn phải thay đổi thuộc tính ID

• Chuyển đến cửa sổ thuộc tính bằng cách nhấp chuột phải vào điều khiển Hộp văn bản và
• Chọn thuộc tính sau đó
• Thay đổi thuộc tính id của hộp văn bản thành txtName

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

hộp danh sách

Hộp danh sách được sử dụng để hiển thị danh sách các mục trên biểu mẫu Web. Hãy xem cách chúng ta có thể triển khai điều này với một ví dụ được hiển thị bên dưới. Chúng tôi sẽ thêm một hộp danh sách vào biểu mẫu để lưu trữ một số vị trí thành phố

Bước 1] Bước đầu tiên là kéo điều khiển hộp danh sách vào Biểu mẫu web từ hộp công cụ như hình bên dưới

Bước 2] Khi bạn kéo hộp danh sách vào biểu mẫu, một menu bên riêng sẽ xuất hiện. Trong menu này, chọn menu 'Chỉnh sửa mục'

Bước 3] Bây giờ bạn sẽ thấy một hộp thoại trong đó bạn có thể thêm các mục danh sách vào hộp danh sách

1. Nhấp vào nút Thêm để thêm một mục danh sách
2. Đặt tên cho giá trị văn bản của mục danh sách – Trong trường hợp của chúng tôi là Mumbai. Lặp lại bước 1 và 2 để thêm các mục danh sách cho Mangalore và Hyderabad
3. Bấm vào nút OK

Bước 4] Chuyển đến cửa sổ thuộc tính và thay đổi giá trị thuộc tính ID của điều khiển thành lstLocation .

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

Từ đầu ra, bạn có thể thấy rõ rằng các Hộp danh sách đã được thêm vào biểu mẫu

Nút radio

Nút Radio được sử dụng để hiển thị danh sách các mục mà người dùng có thể chọn một mục. Hãy xem cách chúng ta có thể triển khai điều này với một ví dụ được hiển thị bên dưới. Chúng tôi sẽ thêm nút radio cho tùy chọn nam/nữ

Bước 1] Bước đầu tiên là kéo điều khiển 'radiobutton' vào Biểu mẫu Web từ hộp công cụ. [xem hình bên dưới]. Đảm bảo thêm 2 nút radio, một cho tùy chọn 'Nam' và nút còn lại cho 'Nữ'. ’

Bước 2] Khi Radiobutton đã được thêm vào, hãy thay đổi thuộc tính 'văn bản'

• Chuyển đến cửa sổ thuộc tính bằng cách nhấp vào 'Điều khiển nút radio'
• Thay đổi thuộc tính văn bản của nút Radio thành 'Nam'
• Lặp lại bước tương tự để thay đổi thành 'Nữ'. ’
• Ngoài ra, hãy thay đổi thuộc tính ID của các điều khiển tương ứng thành rdMale và rdFemale

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

Từ đầu ra, bạn có thể thấy rõ rằng nút radio đã được thêm vào biểu mẫu

hộp kiểm

Một hộp kiểm được sử dụng để cung cấp một danh sách các tùy chọn trong đó người dùng có thể chọn nhiều lựa chọn. Hãy xem cách chúng ta có thể triển khai điều này với một ví dụ được hiển thị bên dưới. Chúng tôi sẽ thêm 2 hộp kiểm vào biểu mẫu Web của chúng tôi. Các hộp kiểm này sẽ cung cấp tùy chọn cho người dùng về việc họ muốn học C# hay ASP. Net

Bước 1] Bước đầu tiên là kéo điều khiển hộp kiểm vào Biểu mẫu web từ hộp công cụ như hình bên dưới

Bước 2] Khi các Hộp kiểm đã được thêm vào, hãy thay đổi thuộc tính id hộp kiểm thành 'chkASP'

• Chuyển đến cửa sổ thuộc tính bằng cách nhấp vào điều khiển Hộp kiểm
• Thay đổi thuộc tính ID của các điều khiển tương ứng thành 'chkC' và 'chkASP'

Ngoài ra, hãy thay đổi thuộc tính văn bản của điều khiển Hộp kiểm thành 'C#'. Thực hiện tương tự cho điều khiển Hộp kiểm khác và thay đổi nó thành 'ASP. Net'

1. Thay đổi thuộc tính ID của hộp kiểm thành 'chkASP'

1. Thay đổi thuộc tính ID của hộp kiểm thành chkC

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

Từ đầu ra, bạn có thể thấy rõ rằng các Hộp kiểm đã được thêm vào biểu mẫu

Cái nút

Nút được sử dụng để cho phép người dùng nhấp vào nút, nút này sau đó sẽ bắt đầu xử lý biểu mẫu. Hãy xem cách chúng ta có thể thực hiện điều này với ví dụ hiện tại của chúng ta như hình bên dưới. Chúng tôi sẽ thêm một nút đơn giản gọi là nút 'Gửi'. Điều này sẽ được sử dụng để gửi tất cả các thông tin trên biểu mẫu

Bước 1] Bước đầu tiên là kéo nút điều khiển vào Biểu mẫu web từ hộp công cụ như hình bên dưới

Bước 2] Khi nút đã được thêm, hãy chuyển đến cửa sổ thuộc tính bằng cách nhấp vào nút điều khiển. Thay đổi thuộc tính văn bản của điều khiển nút thành Gửi. Ngoài ra, hãy thay đổi thuộc tính ID của nút thành 'btnSubmit'

Khi bạn thực hiện các thay đổi ở trên, bạn sẽ thấy đầu ra sau

đầu ra. -

Từ đầu ra, bạn có thể thấy rõ rằng nút đã được thêm vào biểu mẫu

Trình xử lý sự kiện trong ASP. Net

Khi làm việc với biểu mẫu web, bạn có thể thêm sự kiện vào điều khiển. Một sự kiện là một cái gì đó xảy ra khi một hành động được thực hiện. Có lẽ hành động phổ biến nhất là nhấp vào nút trên biểu mẫu

Trong các biểu mẫu web, bạn có thể thêm mã vào aspx tương ứng. tập tin cs. Mã này có thể được sử dụng để thực hiện một số hành động nhất định khi nhấn nút trên biểu mẫu. Đây thường là sự kiện phổ biến nhất trong Biểu mẫu web. Hãy xem làm thế nào chúng ta có thể đạt được điều này

Chúng ta sẽ làm điều này đơn giản. Chỉ cần thêm một sự kiện vào điều khiển nút để hiển thị tên do người dùng nhập. Hãy làm theo các bước dưới đây để đạt được điều này

Bước 1] Đầu tiên bạn phải kích đúp vào Button trên Web Form. Thao tác này sẽ hiển thị mã sự kiện cho nút trong Visual Studio

Sự kiện btnSubmit_Click được Visual Studio tự động thêm khi bạn nhấp đúp vào nút trong công cụ thiết kế biểu mẫu web

Bước 2] Bây giờ, hãy thêm mã vào sự kiện gửi để hiển thị giá trị hộp văn bản tên và vị trí do người dùng chọn

Làm cách nào để tạo hộp tổ hợp trong PHP?

Làm cách nào để tạo hộp danh sách trong PHP?

Làm cách nào để sử dụng hộp danh sách trong PHP?

Thuộc tính nào làm cho hộp tổ hợp được hiển thị với hộp văn bản và hộp danh sách không thả xuống?