Computer >> Máy Tính >  >> Lập trình >> Javascript

Các biểu mẫu HTML là gì và cách sử dụng chúng?

Biểu mẫu HTML là cần thiết để thu thập một số dữ liệu từ khách truy cập trang web. Ví dụ:thu thập thông tin về một sinh viên như tên, tuổi, địa chỉ, điểm, v.v. trong khi họ đăng ký trên trang web của trường đại học.

Một biểu mẫu nhận đầu vào từ khách truy cập trang web và đăng nó lên một ứng dụng back-end như CGI, ASP Script hoặc PHP script, v.v. Ứng dụng back-end thực hiện xử lý yêu cầu đối với dữ liệu được truyền dựa trên logic nghiệp vụ đã xác định bên trong ứng dụng.

Thẻ HTML

được sử dụng để tạo biểu mẫu trong HTML.

Các biểu mẫu HTML là gì và cách sử dụng chúng?

Như hình trên, chúng tôi đã sử dụng một số thuộc tính. Đây là các thuộc tính biểu mẫu

Thuộc tính biểu mẫu HTML

Đây là các thuộc tính của biểu mẫu HTML,

S. Không Thuộc tính &Mô tả
1 Hành động Tập lệnh phụ trợ đã sẵn sàng để xử lý dữ liệu đã chuyển của bạn.
2 Phương pháp Phương pháp được sử dụng để tải lên dữ liệu. Các phương thức được sử dụng thường xuyên nhất là GET và POST.
3 Mục tiêu Chỉ định cửa sổ hoặc khung mục tiêu nơi kết quả của tập lệnh sẽ được hiển thị. Nó nhận các giá trị như _blank, _self, _parent, v.v.
4 Enctype Bạn có thể sử dụng thuộc tính enctype để chỉ định cách trình duyệt mã hóa dữ liệu trước khi nó gửi đến máy chủ. Giá trị có thể là -
ứng dụng / x-www-form- urlencoded - Đây là phương pháp tiêu chuẩn mà hầu hết các biểu mẫu sử dụng trong các tình huống đơn giản.
mutlipart / form-data - Điều này được sử dụng khi bạn muốn tải lên dữ liệu nhị phân ở dạng tệp như hình ảnh, tệp word, v.v.


Điều khiển biểu mẫu HTML

Các loại điều khiển biểu mẫu khác nhau có sẵn để thu thập dữ liệu như nhập văn bản, hộp kiểm, hộp radio, hộp chọn tệp, nút gửi, v.v.

Hãy xem một ví dụ đơn giản để lấy thông tin đầu vào của người dùng bằng thẻ ở dạng HTML:

Ví dụ 

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

Với đoạn mã trên, hãy lấy thông tin người dùng nhập cho tên và chủ đề.

Chúng tôi đã sử dụng các thuộc tính loại và tên . Hãy xem tất cả các thuộc tính khác cho thẻ ,

Sr.No
Thuộc tính &Mô tả
1 loại Cho biết loại điều khiển nhập liệu và đối với điều khiển nhập văn bản, nó sẽ được đặt thành văn bản.
2 tên Được sử dụng để đặt tên cho điều khiển được gửi đến máy chủ để được nhận dạng và nhận giá trị
3 value Điều này có thể được sử dụng để cung cấp một giá trị ban đầu bên trong điều khiển.
4 kích thước Cho phép chỉ định độ rộng của điều khiển nhập văn bản theo ký tự
5 maxlength
Cho phép chỉ định số ký tự tối đa mà người dùng có thể nhập vào hộp văn bản.