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ử
• . 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
• . 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

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

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

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 tag with tag. It is also known as a drop-down menu. 

cú pháp

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

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.
 

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 tag.

cú pháp

2

Ghi chú. thuộc tính tên được sử dụng để tham chiếu dữ liệu vùng văn bản sau khi được gửi đến máy chủ

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

874

39

87

877

878

87

880

881

87

883

884

874

1

5

1____195

1

1

5

1

1

0

1

đầu ra

Tạo một biểu mẫu HTML để nhập các chi tiết cơ bản của một sinh viên

Trong ví dụ này, chúng tôi sẽ lấy thông tin đầu vào như Lời chào, Tên, Họ, Email, Điện thoại, Giới tính, Ngày sinh và Địa chỉ.  

To create this form, we need to use the tag to defined caption, tag for Salutation, tag to define elements of Salutation, tag for First Name, Last Name, Email, Phone, Date of Birth by changing tag type attribute, to input address, radio button for gender. After defining all these stuffs, we will use a to submit this form data. 

HTML

76

77

0

3600

87

3602

1

77

3____11

5

77

3609

3610

87

3612

1

5

77

3609

3617

87

3619

3620

87

3622

1

5

77

3609

39

87

3629

3620

87

3632

1

5

77

7

3637

7

1

1____13

1

77

5

1

5

77

95

1

97____677____23652

1

81

77

3656

3657

3656

1

81

 

77

99____11

3664

77______283

1

3668

3669

3668

77

3672

3673

3668

77

907

39

87

3679

1

3681

77____1914

3684

914

1

3681

77____1914

3690

914

1

3681

77____1914

3696

914

1

3681

77

914

702

914

1

3681

77____1914

708

914

1

3681

77

914

714

914

1

3668

1____1907

1

3664

1____283

1

81

1____199

1

 

 

81

 

77

99____11

3664

77_______283____4736

85

39

87

740

89

83

1

81

1____199

1

 

 

81

 

77

99____11

3664

77_______283____4755

85

39

87

759

89

83

1

81

1____199

1

 

 

81

 

77

99____11

3664

772

3664

77_______283____214

85

86______287

38

39

87

41

42

87

44

787

83

1

3664

77_______283

14

85

86______287

38

39

87

41

42

87

61

204

83

1

81

1____199

1

 

 

81

 

77

99____11

3664

77_______283____6218

85

86

87

222

39

87

222

89

83

1

81

1____199

1

 

 

81

 

77

99____11

3664

77_______283____6240

85

86

87

244

39

87

247

248

83

1

81

1____199

1

 

 

81

 

77

99____11

3664

77______283

1

3668

264

3668

77

3672

3673

3668

77

874

39

87

274

881

87

277

878

87

880

248

874

1

Trình xử lý biểu mẫu HTML là gì?

mẫu trong HTML với ví dụ là gì?

Biểu mẫu và kiểm soát biểu mẫu trong HTML là gì?

Thẻ biểu mẫu trong HTML là gì?