Làm thế nào để sử dụng các trường văn bản trong mẫu HTML5 của bạn - núm vú

Bạn có thể sử dụng nhiều loại trường đầu vào trong các form của bạn, chẳng hạn như văn bản, mật khẩu, radio (nút), checkbox, hidden, tìm kiếm, số điện thoại, số điện thoại, số điện thoại, địa chỉ email, datetime, ngày, tháng, tuần, giờ, datetime-local, số, phạm vi (đặt một loạt các giá trị số), màu sắc, …

tất cả các trường đều yêu cầu các giá trị cho thuộc tính tên và loại (ví dụ: trường văn bản hoặc trường mật khẩu), nhưng tốt hơn là cung cấp cho người dùng các nhãn mô tả và ví dụ về dữ liệu nhập vào bất kỳ lúc nào họ có thể có câu hỏi về các định dạng - chẳng hạn như khi cân nhắc liệu để bao gồm dấu gạch ngang hoặc dấu cách trong số thẻ tín dụng.

Kiểm tra hộp và nút radio, mặt khác, yêu cầu thông tin như vậy để chúng có thể được gắn nhãn đúng cách khi trình duyệt hiển thị cho người dùng lựa chọn có sẵn.

Đối với các yếu tố đầu vào yêu cầu người dùng lựa chọn một tùy chọn (một hộp kiểm hoặc nút radio) chứ không phải gõ som ething vào một trường, bạn xác định cả tên và giá trị. Khi người dùng chọn hộp kiểm hoặc nút radio và sau đó nhấp vào Gửi, biểu mẫu sẽ trả lại tên và giá trị được gán cho phần tử.

Các trường văn bản là trường dạng một dòng mà người dùng nhập thông tin. Khi bạn cần cung cấp cho người dùng cơ hội để điền vào nhiều dòng, bạn sử dụng một hộp văn bản.

Dưới đây là cách tạo trường văn bản một dòng:

1. Xác định kiểu nhập như một trường văn bản bằng cách sử dụng phần tử với thuộc tính type được đặt thành văn bản.

2. Sau đó sử dụng thuộc tính tên để đưa tên trường vào.

   Người dùng cung cấp giá trị khi cô nhập vào trường.

Các đánh dấu sau tạo hai trường nhập văn bản, một cho tên đầu tiên và một cho tên cuối:

Tên:
Họ:

Ngoài các phần tử, đánh dấu này bao gồm danh sách

và
• ) và một số văn bản để đánh dấu mỗi trường đầu vào. Bản thân họ, hầu hết các yếu tố hình thức không cung cấp cho nhiều đầu mối về loại thông tin bạn muốn họ nhập vào.

  Bạn phải sử dụng các khối HTML và các phần tử nội tuyến để định dạng sự xuất hiện của biểu mẫu của bạn và cũng để cung cấp các văn bản cần thiết. Hình này cho thấy trình duyệt sẽ hiển thị loại HTML như thế nào.

  

  Bạn có thể kiểm soát kích thước của trường văn bản với các thuộc tính sau:

  • Kích thước: Chiều dài (theo ký tự) của trường văn bản

  • maxlength: Số ký tự tối đa mà người dùng có thể nhập vào trường > Các đánh dấu sau đây tạo ra một hình thức để đặt cả hai trường với kích thước 30 (dài ký tự) và tối đa là 25 (dài ký tự).Mặc dù mỗi trường sẽ có khoảng 30 ký tự, người dùng chỉ có thể nhập 25 ký tự vào mỗi trường, như thể hiện trong hình.

  (Đặt thuộc tính size lớn hơn maxlength đảm bảo rằng trường văn bản sẽ luôn có một khoảng trắng giữa đầu vào của người dùng và phần cuối của trường hiển thị, bạn không phải tự làm điều này, nhưng nó là trực quan dễ thương)

  Tên:

  

  
  Họ: