Biểu mẫu> phần tử HTML

In Web Development Technologies (especially for the front-end), “HTML” is the basic or primary markup language that we use to display the web pages (the page which we see on a website). Sometimes, in an HTML page, along with the other content display, we need to take some user inputs as well (especially in dynamic web sites). And to take the user inputs in an HTML page, we need to use multiple form elements to create those forms properly, and with the help of those forms, we correctly take the user inputs and put those inputs (data) in our internal Databases at the back-end. Now, as we know that HTML codes are written under various tag elements (<>), so, basically, “HTML Form Elements” are those elements that are used inside a “

” tag, and these elements, along with other standard and unique attributes, give a form and structure as well, which let the users know what to do with the form and how to proceed in a structural manner.

Giải thích các Thành phần biểu mẫu HTML (bao gồm cú pháp và ví dụ kèm theo đầu ra)

Vì có nhiều thành phần biểu mẫu HTML để tạo biểu mẫu và cung cấp cho biểu mẫu giao diện phù hợp theo cách có cấu trúc, dưới đây là một số trong số chúng được giải thích từng cái một

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

SI. Không. ThẻÝ nghĩa / Mô tả

1

Để xác định biểu mẫu HTML cho đầu vào của người dùng

2

Để xác định kiểm soát đầu vào

3

Để chỉ định danh sách các tùy chọn được xác định trước

4

Để xác định các phần tử liên quan đến nhóm

5

Để xác định đầu vào an toàn

6

Để xác định nhãn của đầu vào

7

Để xác định chú thích cho fieldset

8

Để xác định một nhóm các tùy chọn tương tự

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML

Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML
Biểu mẫu> phần tử HTML

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (83.083 xếp hạng)

 

 

9

 

 

Để xác định một tùy chọn cho trình đơn thả xuống

 

10

 

<đầu ra>

 

Để xác định một kết quả

 

11

 

 

Để xác định danh sách thả xuống

 

12

 

 

Để xác định vùng nhập liệu nhiều dòng

Note: Most of the HTML tag elements discussed here are for HTML5, the latest HTML language version. The tag element is no longer supported in HTML5; it was actually used for the prior version of HTML.

Cú pháp và ví dụ

Một số cú pháp và ví dụ về các Thành phần biểu mẫu HTML có đầu ra được thảo luận bên dưới

1. “” element

Phần tử này có thể chứa nhiều phần tử khác, bao gồm cả phần tử bên dưới

  • <đầu vào>
  • <đầu ra>

Example for a “” element with input and submit button:

cú pháp


Your Name: 




Your name:

đầu ra

Biểu mẫu> phần tử HTML

2. “” element

Phần tử này là một phần tử nội tuyến và thuộc nhóm phần tử biểu mẫu

cú pháp

Input name:
Input age:




Input name:
Input age:

đầu ra

Biểu mẫu> phần tử HTML
       

3. “” element

It usually specifies a pre-defined list of inputs for element where users can choose any option from the pre-defined list.

cú pháp






đầu ra

Biểu mẫu> phần tử HTML

4. “
” element

Phần tử này về cơ bản được sử dụng để nhóm các phần tử liên quan trong biểu mẫu và vẽ một hộp xung quanh các phần tử tương tự

cú pháp

Celebrity: Name:
Phone:
Age:




Celebrity: Name:
Phone:
Age:

đầu ra

Biểu mẫu> phần tử HTML

5. “” element

Phần tử này có thể nằm bên ngoài biểu mẫu, nhưng nó vẫn có thể là một phần của biểu mẫu. Thông thường, phần tử này được sử dụng để chỉ định một hoặc nhiều biểu mẫu. Phần tử này mới được sử dụng trong phiên bản HTML5 để tạo khóa mã hóa nhằm truyền dữ liệu được mã hóa qua một biểu mẫu trong trang web dựa trên HTML

cú pháp

Input name:
Input age:
3




Username:

The below mentioned keygen field is outside of the form, but it's still a part of the above form.

Encryption:

đầu ra

Biểu mẫu> phần tử HTML

6. “

Về cơ bản, phần tử này đặt tên cho biểu mẫu nhập liệu để giúp người dùng hiểu dữ liệu đầu vào phải là gì. Nó hoạt động như một chỉ báo cho người dùng

cú pháp




Your name:
0




Your name:
0

đầu ra

Biểu mẫu> phần tử HTML

7. “” element

This element actually defines a caption for a

element. It’s kind of a supporting element for another element, a part of the group element.

cú pháp




Your name:
1




Your name:
2

đầu ra

Biểu mẫu> phần tử HTML

8. “” element

Phần tử này là phần tử liên quan đến nhóm được sử dụng cho các tùy chọn trong danh sách thả xuống ở dạng HTML. Nó giúp người dùng xử lý một danh sách dài một cách dễ dàng

cú pháp




Your name:
3

mã.  




Your name:
4

đầu ra

Biểu mẫu> phần tử HTML

9. “

This element is used to represent an option from a dropdown list under
5




Your name:
6

đầu ra

Biểu mẫu> phần tử HTML

10. “” element

Phần tử này về cơ bản được sử dụng để hiển thị đầu ra của một phép tính (e. g. trong một phép tính theo kịch bản)

cú pháp




Your name:
7




Your name:
8

đầu ra

Biểu mẫu> phần tử HTML

11. “
9

Input name:
Input age:
0

đầu ra

Biểu mẫu> phần tử HTML

12. “