Nhãn css cho nút

Foundation CSS là một khuôn khổ giao diện người dùng đáp ứng và mã nguồn mở được xây dựng bởi nền tảng ZURB vào tháng 9 năm 2011, giúp dễ dàng thiết kế các trang web, ứng dụng và email đáp ứng đẹp mắt trông tuyệt vời và có thể truy cập được trên mọi thiết bị. Nó được sử dụng bởi nhiều công ty như Facebook, eBay, Mozilla, Adobe và thậm chí cả Disney. Khung được xây dựng trên bootstrap giống như Saas. Nó tinh vi hơn, linh hoạt và dễ dàng tùy chỉnh. Nó cũng đi kèm với CLI, vì vậy thật dễ dàng để sử dụng nó với các gói mô-đun. Nó cung cấp Fastclick. js để hiển thị nhanh hơn trên thiết bị di động.  

Biểu mẫu là cách lấy thông tin đầu vào từ người dùng sẽ được tải lên máy chủ để xử lý. Đầu vào do người dùng cung cấp có thể thuộc nhiều loại khác nhau, chẳng hạn như mật khẩu, văn bản, email, v.v. Foundation CSS giúp tạo ra một hệ thống bố cục biểu mẫu linh hoạt và mạnh mẽ. Nhãn và nút nội tuyến có thể được sử dụng để đính kèm các thẻ đầu vào có nội dung bổ sung, ở bên trái hoặc bên phải hoặc cả hai, chẳng hạn như nhãn ở bên trái và nút ở bên phải, giúp nâng cao tính tương tác

Các biểu mẫu CSS nền tảng Lớp nhãn và nút nội tuyến

  • nhóm đầu vào. Thẻ đầu vào có nội dung bổ sung phải được bao bọc bởi một thẻ có lớp nhóm đầu vào
  • đầu vào-nhóm-nhãn. Lớp này được sử dụng để nhóm trường đầu vào có nhãn văn bản
  • trường-nhóm-đầu vào. Lớp này được sử dụng để nhóm các loại đầu vào tương tự như các trường văn bản .
  • nút-nhóm đầu vào. Lớp này được sử dụng để thêm nút vào nhóm các trường nhập liệu

cú pháp

Label Name

ví dụ 1. Ví dụ này mô tả thẻ Nhập biểu mẫu có nhãn nội tuyến trong Foundation CSS

HTML




<html lang="en">

________số 8_______

<0>

2<4>

67

294>

2<<4 <5_______5_______<7>

2<<4 html2=html4

html5html6html7=html9lang0

lang1lang2_______5_______lang4_______4_______5

2<lang8 lang9_______5_______=1 =2=

=4

html5_______5_______6_______5_______=8>

2<4>

"en"4_______6_______5

294>

90>

________số 8_______

<>5 >6=>8

>9 0

 1 2

2<___ 5 >6=>8>

"en"4<<2>

<4_______2__________<6 <7_______5_______<9>

01____1_______02

<4_______1_______9<6>

<4_______2_______09>

01______1_______12

<4_______1_______909>

<4_______2__________ 5 >6=>8>

01_______2__________ 5 >6=29>

31<33 >6=36

37_______1_______38=40>

31<___ 5 >6_______5__________4748 5_______7_______

01_______1_______9 5>

31<33 38=60

61>6=64

6166=6869

01_______1_______9 5>

"en"49<2>

29 5>

9>5>

9html>

đầu ra

Nhãn css cho nút

Thẻ đầu vào có nhãn nội tuyến

ví dụ 2. Ví dụ này mô tả thẻ Form Input có nhãn nội tuyến và nút nội tuyến trong Foundation CSS

Bạn có thể sử dụng nhãn cho nút không?

Không đặt các phần tử tương tác như dấu neo hoặc nút bên trong nhãn . Làm như vậy khiến mọi người khó kích hoạt đầu vào biểu mẫu được liên kết với nhãn.

Làm cách nào để đặt nhãn nút trong HTML?

Inside a

Làm cách nào để thêm nhãn vào nút trong javaScript?

Tạo phần tử nhãn và gán id cho phần tử đó
Xác định một nút được sử dụng để gọi một chức năng. Nó hoạt động như một công tắc để thay đổi văn bản trong phần tử nhãn
Xác định hàm javaScript, hàm này sẽ cập nhật văn bản nhãn
Sử dụng thuộc tính innerHTML để thay đổi văn bản bên trong nhãn