Xử lý biểu mẫu trong HTML là gì?

HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Nó được sử dụng để thiết kế các trang web bằng ngôn ngữ đánh dấu. Là sự kết hợp giữa Siêu văn bản và Ngôn ngữ đánh dấu. HTML sử dụng các thẻ và thành phần được xác định trước để cho trình duyệt biết cách hiển thị đúng nội dung trên màn hình và biểu mẫu là một trong số đó. Vì vậy, trong bài viết này, chúng ta sẽ tìm hiểu biểu mẫu HTML chính xác là gì, các thành phần của biểu mẫu là gì và cách chúng ta có thể sử dụng biểu mẫu HTML trong trang web của mình.  

What is HTML ?

là một phần tử HTML để thu thập dữ liệu đầu vào có chứa các điều khiển tương tác. Nó cung cấp các phương tiện để nhập văn bản, số, giá trị, email, mật khẩu và các trường điều khiển như hộp kiểm, nút radio, nút gửi, v.v. , hay nói cách khác, biểu mẫu là vùng chứa chứa các thành phần đầu vào như văn bản, email, số, nút radio, hộp kiểm, nút gửi, v.v. Biểu mẫu thường được sử dụng khi bạn muốn thu thập dữ liệu từ người dùng. Ví dụ: người dùng muốn mua một chiếc túi trực tuyến, vì vậy trước tiên họ phải nhập địa chỉ giao hàng của họ vào biểu mẫu địa chỉ và sau đó thêm chi tiết thanh toán của họ vào biểu mẫu thanh toán để đặt hàng

Các biểu mẫu được tạo bằng cách đặt các trường nhập vào trong các đoạn văn, văn bản được định dạng trước, danh sách và bảng. Điều này mang lại sự linh hoạt đáng kể trong việc thiết kế bố cục của các biểu mẫu.  

cú pháp


  

yếu tố hình thức

These are the following HTML

elements:

  • . Nó định nghĩa nhãn cho các phần tử
  • <đầu vào>. Nó được sử dụng để lấy dữ liệu đầu vào từ biểu mẫu ở nhiều loại khác nhau như văn bản, mật khẩu, email, v.v. bằng cách thay đổi loại của nó
  • . Nó xác định một nút có thể nhấp để kiểm soát các phần tử khác hoặc thực thi một chức năng
  • . Nó được sử dụng để tạo danh sách thả xuống
  • . Nó được sử dụng để lấy nội dung văn bản dài đầu vào
  • . Nó được sử dụng để vẽ một hộp xung quanh các phần tử biểu mẫu khác và nhóm dữ liệu liên quan
  • . Nó xác định chú thích cho các phần tử fieldset
  • . Nó được sử dụng để chỉ định các tùy chọn danh sách được xác định trước cho các điều khiển đầu vào
  • <đầu ra>. Nó hiển thị đầu ra của các phép tính đã thực hiện
  • . Nó được sử dụng để xác định các tùy chọn trong danh sách thả xuống
  • . Nó được sử dụng để xác định các tùy chọn liên quan đến nhóm trong danh sách thả xuống

Hộp văn bản ở dạng HTML

In an HTML form, we use the tag by assigning type attribute value to text to input single line input. To define type attribute see the below syntax. 

Mẹo. Giá trị mặc định của thuộc tính type là “văn bản”

cú pháp

Hoặc viết tắt cho loại "văn bản"

Mật khẩu ở dạng HTML

Chúng tôi có thể thay đổi văn bản giá trị loại thành mật khẩu để lấy mật khẩu đầu vào

Thí dụ

HTML




76

77
0____11

77
3____11

5
77
7
8
7
1

1____13
1

77
5
1

5
77
9
90
9
1

5
77
95
1

97

 

77
99____11

81
77
83
84
85
86
87
88
89
83
1

97
1____199
1

 

 

97

 

77
99____11

81
77
83
73
85
86
87
77
89
83
1

97
1____199
1

 

 

97

 

77
99____11

29
77
761
86
87
764
765
761
1

97
1____199
1

 

 

5
1____195
1

1
5
1

1
0
1

đầu ra

Xử lý biểu mẫu trong HTML là gì?

Trong ví dụ trên, chúng ta có thể thấy sự khác biệt giữa nhập văn bản và nhập mật khẩu. Tên người dùng sẽ hiển thị nhưng mật khẩu sẽ không hiển thị.  

Nút Radio ở dạng HTML

To create a radio button, we use the tag following by radio type to provide users to choose a limited number of choices.

cú pháp

9

Ghi chú. Nút radio phải có cùng tên để được coi là một nhóm.  

Ghi chú. Thuộc tính giá trị xác định giá trị duy nhất được liên kết với mỗi nút radio. Giá trị không được hiển thị cho người dùng, nhưng là giá trị được gửi đến máy chủ khi "gửi" để xác định nút radio nào đã được chọn

Thí dụ

Trong ví dụ này, chúng tôi sẽ tạo một nút radio để chọn giới tính của bạn.  

HTML




76

77
0____11

77
3____11

5
77
7
8
7
1

1____13
1

77
5
1

5
77
9
24
9
1

5
77
95
1

97
77______283
34
85
86______287
38
39
87
41
42
87
44
89
83
1

97
77______283
51
85
86
87
38
39
87
41
42
87
61
89
83
1

5
1____195
1

1
5
1

1
0
1

đầu ra

Xử lý biểu mẫu trong HTML là gì?

Hộp kiểm trong Biểu mẫu HTML

To create a checkbox in an HTML form, we use the tag followed by the input type checkbox. It is a square box to tick to activate this. It used to choose more options at a time. 

cú pháp

8

Ghi chú. các thuộc tính “tên” và “giá trị” được sử dụng để gửi dữ liệu hộp kiểm đến máy chủ

Thí dụ

Trong ví dụ này, chúng tôi sử dụng hộp kiểm để chọn ngôn ngữ.  

HTML




76

77
0____11

77
3____11

5
77
7
8
7
1

1____13
1

77
5
1

5
77
9
97
9
1

5
77
95
1

97____677
06
07
87
09
1

81
77
13
14
85
86
87
18
39
87
21
42
87
24
25
13
1

81
77
13
14
85
86
87
18
39
87
21
42
87
41
42
13
1

81
77
13
14
85
86
87
18
39
87
21
42
87
58
59
13
1

97
1____206
1

66
1____195
1

1
5
1

1
0
1

đầu ra

Xử lý biểu mẫu trong HTML là gì?

Combobox ở dạng HTML

Combobox is used to create a drop-down menu in your form which contains multiple options. So, to create an Combobox in an HTML form, we use the 36

Ghi chú. thuộc tính “tên” và “giá trị” được sử dụng để gửi dữ liệu Combobox đến máy chủ

Thí dụ

Trong ví dụ này, chúng tôi sẽ tạo menu thả xuống để chọn Quốc tịch.  

HTML




76

77
0____11

77
3____11

5
77
7
8
7
1

1____13
1

77
5
1

5
77
9
98
9
1

5
77
95
1

66
77
907
39
87
21
1

912
77
914
42
87
917
918
914
1

912
77
914
42
87
926
927
914
1

912
77
914
42
87
935
936
914
1

66
1____1907
1

5
1____195
1

1
5
1

1
0
1

đầu ra

Xử lý biểu mẫu trong HTML là gì?

Nút gửi trong Biểu mẫu HTML

Trong biểu mẫu HTML, nút gửi được sử dụng để gửi chi tiết của biểu mẫu tới trình xử lý biểu mẫu. Trình xử lý biểu mẫu là một tệp trên máy chủ có tập lệnh được sử dụng để xử lý dữ liệu đầu vào.  

cú pháp

7

Thí dụ.  

HTML




76

77
0____11

77
3____11

5
77
7
8
7
1

1____13
1

77
5
1

5
77
9
975
9
1

5
77
95
1

97

 

77
99____11

81
77
83
989
85
86
87
88
89
83
1

97

 

77
99____11

81
77
83
804
85
86
87
77
89
83
1

97
1____199
1

 

 

97

 

77
99____11

81
77
761
86
87
764
826
761
1

97
1____199
1

 

 

5
1____195
1

1
5
1

1
0
1

Đầu ra.
 

Xử lý biểu mẫu trong HTML là gì?

TextArea ở dạng HTML

In the HTML form, a text area is used to add comments or reviews, or addresses to the form, in other words, the text area is a multi-line text input control. It contains an unlimited number of characters, the text renders in a fixed-width font, and the size of the text area is given by the and attributes. To create a text area in the form use the