Ví dụ về văn bản trợ giúp khối Bootstrap

”, “

”, hoặc nhiều hơn nữa, có thể được sử dụng để thêm văn bản trợ giúp. Với mục đích này, “ văn bản biểu mẫu ” lớp được sử dụng. Lớp này có “ hiển thị: khối ' tài sản. Ngoài ra, nó còn chứa thuộc tính lề trên giúp văn bản hiển thị ở một số khoảng trống từ các trường nhập liệu khác.

Thí dụ

Kiểm tra ví dụ dưới đây:

---

---

• thêm “ ” phần tử để tạo biểu mẫu.
• Để bao gồm chú thích cho trường nhập liệu, hãy thêm “ ' yếu tố.
• Sau đó, thêm “ <đầu vào> ” yếu tố với “ điều khiển biểu mẫu ' và ' trường đầu vào ” để tạo trường nhập liệu.
• Sau đó, thêm “ ” phần tử với các lớp “ văn bản biểu mẫu ' và ' văn bản bị tắt tiếng ” để thêm một văn bản trợ giúp:

< hình thức >

< nhịp > Nhập mật khẩu < / nhịp >

< đầu vào tầng lớp = 'trường đầu vào kiểm soát biểu mẫu' loại = 'mật khẩu mở khóa' >

< div tầng lớp = 'văn bản biểu mẫu bị tắt tiếng' > Mật khẩu của bạn phải dài 8 ký tự. < / div >

< / hình thức >

Các lớp được sử dụng trong đoạn mã trên được mô tả ở đây:

• “ điều khiển biểu mẫu ” lớp chứa một số kiểu toàn cục cho các phần tử đầu vào.
• “ văn bản biểu mẫu ” lớp thêm phong cách vào văn bản trợ giúp.
• “ văn bản bị tắt tiếng ” thêm các kiểu chung vào văn bản trợ giúp.

đầu ra

Làm cách nào để thêm văn bản trợ giúp khối Bootstrap bằng các phần tử nội tuyến?

Các phần tử nội tuyến như “ ' hoặc là ' ” có thể được sử dụng để thêm văn bản trợ giúp vào trang web.

Thí dụ

Ví dụ dưới đây minh họa việc sử dụng “ ” phần tử nội tuyến để chỉ định văn bản trợ giúp:

< hình thức tầng lớp = 'biểu mẫu nội tuyến' >

< div tầng lớp = 'nhóm hình thức' >

< nhịp >Nhập tên của bạn< / nhịp >

< đầu vào tầng lớp = ' trường đầu vào điều khiển biểu mẫu' loại = 'mật khẩu mở khóa' >

< bé nhỏ tầng lớp = 'tắt văn bản' >Phải điền.< / bé nhỏ >

< / div >

< / hình thức >

Có thể thấy rằng văn bản trợ giúp đã được thêm thành công:

Đây là tất cả về văn bản trợ giúp khối Bootstrap.

Phần kết luận

Để thêm văn bản trợ giúp trong Bootstrap, nút “ văn bản biểu mẫu ” được sử dụng để thêm văn bản trợ giúp cấp độ khối. Các ' văn bản bị tắt tiếng ” lớp được sử dụng để tạo văn bản trợ giúp nội tuyến. Trong Bootstrap 3, phần “ khối trợ giúp ” lớp được sử dụng. Cụ thể hơn, văn bản trợ giúp có thể được chỉ định bằng các phần tử cấp độ khối hoặc nội tuyến. Bài đăng này đã giải thích cách thêm văn bản trợ giúp trong Bootstrap với sự trợ giúp của các ví dụ.