Phần tử điều khiển html là gì?

Một thành phần quan trọng của các hệ thống web tương tác, thẻ đầu vào là các phần tử HTML được thiết kế để lấy một dạng đầu vào cụ thể từ người dùng. Các loại yếu tố đầu vào khác nhau có thể điều chỉnh dữ liệu được nhập để phù hợp với định dạng được chỉ định và cung cấp bảo mật cho mục nhập mật khẩu

cú pháp

Thông số

Tham sốChi tiết lớpCho biết Lớp của inputidCho biết ID của loại đầu vàoXác định loại điều khiển đầu vào để hiển thị. Các giá trị được chấp nhận là hidden, text, tel, url, email, password, date, time, 0, hidden0, hidden1, hidden2, hidden3, hidden4, hidden5, hidden6, hidden7, và hidden8. Mặc định là text nếu không được chỉ định, nếu giá trị không hợp lệ hoặc nếu trình duyệt không hỗ trợ loại được chỉ định. nameCho biết tên của inputdisabledBoolean giá trị cho biết đầu vào sẽ bị vô hiệu hóa. Không thể chỉnh sửa các điều khiển đã tắt, không được gửi khi gửi biểu mẫu và không thể nhận tiêu điểm. được chọnKhi giá trị của thuộc tính loại là radio hoặc hộp kiểm, sự hiện diện của thuộc tính Boolean này cho biết rằng điều khiển được chọn theo mặc định; . multipleHTML5 Cho biết nhiều tệp hoặc giá trị có thể được chuyển (Chỉ áp dụng cho đầu vào loại hidden4 và email) giữ chỗHTML5 Một gợi ý cho người dùng về những gì có thể được nhập trong điều khiển. Văn bản giữ chỗ không được chứa dấu xuống dòng hoặc dòng-feedsautocompleteHTML5 Cho biết liệu trình duyệt có thể tự động hoàn thành giá trị của điều khiển hay không. chỉ đọc giá trị Boolean cho biết đầu vào không thể chỉnh sửa. Các điều khiển chỉ đọc vẫn được gửi khi gửi biểu mẫu, nhưng sẽ không nhận được tiêu điểm. HTML5. Thuộc tính này bị bỏ qua khi giá trị của thuộc tính text2 được đặt thành hidden, hidden0, hidden1, hidden2, hidden3, hidden4 hoặc hidden8. bắt buộcHTML5 Cho biết phải có một giá trị hoặc phần tử phải được kiểm tra để biểu mẫu được gửialtMột văn bản thay thế cho hình ảnh, trong trường hợp chúng không được hiển thị. tự động lấy nétPhần tử sẽ lấy tiêu điểm khi tải trang. valueXác định giá trị của phần tử . stepThuộc tính tel2 chỉ định khoảng cách số hợp pháp. Nó hoạt động với các loại đầu vào sau. 0, hidden0, date, tel6, tel7, time và tel9

Cũng như các phần tử void HTML5 khác, là tự đóng và có thể được viết là . HTML5 không yêu cầu dấu gạch chéo này

Sau đây là các loại đầu vào hợp lệ trong HTML

5

Sau đây là các loại đầu vào mới được giới thiệu như một phần của tiêu chuẩn HTML 5. Một số loại này không được hỗ trợ bởi tất cả các trình duyệt web. Trong trường hợp loại không được hỗ trợ, phần tử đầu vào sẽ mặc định là loại text

Biểu mẫu HTML được yêu cầu khi bạn muốn thu thập một số dữ liệu từ khách truy cập trang web. Ví dụ: trong quá trình đăng ký người dùng, bạn muốn thu thập thông tin như tên, địa chỉ email, thẻ tín dụng, v.v.

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

Có sẵn nhiều thành phần biểu mẫu khác nhau như trường văn bản, trường vùng văn bản, menu thả xuống, nút radio, hộp kiểm, v.v.

HTML

   form elements like input, textarea etc.

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

Ngoài các thuộc tính phổ biến, sau đây là danh sách các thuộc tính biểu mẫu được sử dụng thường xuyên nhất –

hoạt động

Tập lệnh phụ trợ sẵn sàng xử lý dữ liệu đã truyền của bạn

phương pháp

Phương pháp được sử dụng để tải lên dữ liệu. Được sử dụng thường xuyên nhất là các phương thức GET và POST

Mục tiêu

Chỉ định cửa sổ hoặc khung đích 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.

mã hóa

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 gửi đến máy chủ. Các giá trị có thể là -

application/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

multipart/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 từ, v.v.

Lưu ý - Bạn có thể tham khảo Perl & CGI để biết chi tiết về cách tải lên dữ liệu biểu mẫu hoạt động

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

Có nhiều loại điều khiển biểu mẫu khác nhau mà bạn có thể sử dụng để thu thập dữ liệu bằng biểu mẫu HTML -

• Điều khiển nhập văn bản
• Kiểm soát hộp kiểm
• Điều khiển hộp radio
• Chọn điều khiển hộp
• Hộp chọn tệp
• Điều khiển ẩn
• Các nút có thể nhấp
• Nút gửi và đặt lại

Điều khiển nhập văn bản

Có ba kiểu nhập văn bản được sử dụng trên các biểu mẫu –

• Điều khiển nhập văn bản một dòng – Điều khiển này được sử dụng cho các mục chỉ yêu cầu một dòng nhập của người dùng, chẳng hạn như hộp tìm kiếm hoặc tên. Chúng được tạo bằng thẻ HTML

• Điều khiển nhập mật khẩu - Đây cũng là kiểu nhập văn bản một dòng nhưng nó che dấu ký tự ngay khi người dùng nhập nó. Chúng cũng được tạo bằng thẻ HTMl

• Điều khiển nhập văn bản nhiều dòng – Điều khiển này được sử dụng khi người dùng được yêu cầu cung cấp thông tin chi tiết có thể dài hơn một câu. Điều khiển đầu vào nhiều dòng được tạo bằng HTML

  Cái nào trong số này là kiểm soát HTML?

  Kiểm soát biểu mẫu HTML .

  Điều khiển nhập văn bản

  Kiểm soát hộp kiểm

  Điều khiển hộp radio

  Chọn điều khiển hộp

  Hộp chọn tệp

  Điều khiển ẩn

  Các nút có thể nhấp

  Nút gửi và đặt lại

  Điều khiển trong CSS là gì?

  Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và trình bày, hình nền hoặc màu nền nào sẽ được sử dụng, các cách hiển thị khác nhau cho các thiết bị và kích thước màn hình khác nhau cũng như

  Kiểm soát trong thẻ video là gì?

  Thuộc tính điều khiển là thuộc tính boolean . Khi xuất hiện, nó chỉ định rằng các điều khiển video sẽ được hiển thị. Điều khiển video nên bao gồm. Chơi. Tạm ngừng.

  Các thành phần của biểu mẫu trong HTML là gì?

  Phần tử HTML .

  <đầu vào>