Loại đầu vào CSS = văn bản

Question

Biểu mẫu HTML (Biểu mẫu web) cho phép người dùng web tương tác với máy chủ. Biểu mẫu HTML chứa các thành phần đầu vào (hoặc trường, điều khiển, tiện ích con), chẳng hạn như trường văn bản, hộp kiểm và nút. Các trường đầu vào này cho phép người dùng web cung cấp dữ liệu (được gọi là tham số yêu cầu hoặc chuỗi truy vấn) cho máy chủ web. Tại máy chủ web, chương trình phía máy chủ thu thập những dữ liệu này và trả về phản hồi động dựa trên thông tin đầu vào được gửi

Nội dung chính Show

Làm cách nào để nhắm mục tiêu văn bản loại đầu vào bằng CSS?
Văn bản kiểu đầu vào là gì?
Loại đầu vào trong CSS là gì?
Giá trị văn bản loại đầu vào là gì?

Biểu mẫu HTML theo ví dụ

VÍ DỤ 1. Cấu trúc cơ bản






Basic HTML Form Structure



  Username
 
  
 
  Password

Một biểu mẫu HTML được đính kèm trong các thẻ
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
2. Thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
3 cung cấp URL mà biểu mẫu này sẽ được gửi. Thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
4 chỉ định phương thức HTTP (GET hoặc POST) sẽ được sử dụng để gửi

Có 2 yếu tố đầu vào trong mẫu này

  Contact Details
  Name
  

  Telephone
  

  Email

5. một trường văn bản để người dùng nhập dữ liệu

```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
5. để nhập mật khẩu - hiển thị dưới dạng * trên màn hình

Chúng tôi sử dụng một

  Contact Details
  Name
  

  Telephone
  

  Email

5 để dán nhãn cho mỗi

  Contact Details
  Name
  

  Telephone
  

  Email

5. Bạn có thể khớp thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

9 của

  Contact Details
  Name
  

  Telephone
  

  Email

5 với thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

01 của phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5 để được gắn nhãn (như trong

  Contact Details
  Name
  

  Telephone
  

  Email

5 đầu tiên); .

  Contact Details
  Name
  

  Telephone
  

  Email

5 cải thiện khả năng sử dụng cho người dùng chuột. Khi bạn nhấp vào

  Contact Details
  Name
  

  Telephone
  

  Email

5, phần tử có nhãn

  Contact Details
  Name
  

  Telephone
  

  Email

5 được chọn

Có 2 nút ở dạng này

  Contact Details
  Name
  

  Telephone
  

  Email

5. Cái gọi là nút Gửi. Nhấp vào nút gửi sẽ gửi dữ liệu đến URL

  Contact Details
  Name
  

  Telephone
  

  Email

3

  Contact Details
  Name
  

  Telephone
  

  Email

5. Nút đặt lại, xóa tất cả các trường nhập

Thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

23 của nút xuất hiện dưới dạng nhãn của nút

Khi người dùng gửi biểu mẫu, trình duyệt sẽ thu thập các tham số yêu cầu từ các phần tử đầu vào, dưới dạng các cặp

  Contact Details
  Name
  

  Telephone
  

  Email

24.

  Contact Details
  Name
  

  Telephone
  

  Email

25 tương ứng với thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

25 của các phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5; . Trong ví dụ này, có hai bộ cặp

  Contact Details
  Name
  

  Telephone
  

  Email

24 -

  Contact Details
  Name
  

  Telephone
  

  Email

90 và

  Contact Details
  Name
  

  Telephone
  

  Email

91. Các tham số yêu cầu được kết hợp với nhau thông qua dấu hiệu ________ 292, trong. e. ,

  Contact Details
  Name
  

  Telephone
  

  Email

93, để tạo thành cái gọi là chuỗi truy vấn. Chuỗi truy vấn sau đó được thêm vào phía sau URL hành động thông qua ký hiệu

  Contact Details
  Name
  

  Telephone
  

  Email

94, tôi. e. ,

  Contact Details
  Name
  

  Telephone
  

  Email

95. Vì URL không chấp nhận các ký tự đặc biệt nên chúng được mã hóa dưới dạng

  Contact Details
  Name
  

  Telephone
  

  Email

96 (được gọi là mã hóa URL), trong đó hh là mã ASCII ở dạng thập lục phân, e. g. ,

  Contact Details
  Name
  

  Telephone
  

  Email

97 được mã hóa thành

  Contact Details
  Name
  

  Telephone
  

  Email

98; . Không gian có thể được mã hóa thành

  Contact Details
  Name
  

  Telephone
  

  Email

91 hoặc

  Contact Details
  Name
  

  Telephone
  

  Email

92 để đơn giản

Hãy thử gửi biểu mẫu. Quan sát các tham số yêu cầu trong URL đã gửi. Bạn sẽ gặp lỗi 404 vì bạn chưa viết chương trình xử lý phía máy chủ "
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
93"
Chương trình phía máy chủ nhận chuỗi truy vấn; . g. , truy vấn cơ sở dữ liệu). Sau đó, nó trả về một phản hồi thích hợp cho khách hàng. Tôi sẽ không đề cập đến lập trình phía máy chủ trong bài viết này. Đọc các kỹ thuật lập trình phía máy chủ tương ứng như PHP, Java Servlet, JSP, v.v.

VÍ DỤ 2. Nhiều điều khiển hơn và xác thực đầu vào

  Contact Details
  Name
  

  Telephone
  

  Email

3

Chúng tôi có thể nhóm một tập hợp các trường đầu vào có liên quan vào và cung cấp một
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
5 mô tả. Các trường nhập sẽ được đặt trong một hộp, với chú giải được hiển thị ở đường viền trên cùng.
Trong
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
5 (Dòng 14), thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
96 được thêm vào để yêu cầu trình duyệt xác thực rằng trường này không trống. Trình duyệt sẽ hiển thị thông báo lỗi và sẽ không gửi biểu mẫu nếu trường này trống. Thuộc tính này
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
96 được gọi là thuộc tính boolean, vì nó không có giá trị

Trong

  Contact Details
  Name
  

  Telephone
  

  Email

5 (Dòng 16), ngoài thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

96, thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

00 yêu cầu trình duyệt thực hiện "So khớp mẫu biểu thức chính quy", trong trường hợp này là 4 ký tự trở lên

Các nút radio (có thể chọn nhiều nhất một nút) được đánh dấu bằng

  Contact Details
  Name
  

  Telephone
  

  Email

5's. Mỗi

  Contact Details
  Name
  

  Telephone
  

  Email

5 có liên kết với nó

  Contact Details
  Name
  

  Telephone
  

  Email

5. Chúng tôi thường sử dụng cùng một thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

25 cho tất cả các nút và chỉ định các

  Contact Details
  Name
  

  Telephone
  

  Email

23 khác nhau cho mỗi nút. Bạn có thể đặt

  Contact Details
  Name
  

  Telephone
  

  Email

96 trên bất kỳ nút nào để yêu cầu trình duyệt xác thực rằng nút đó đã được chọn

Các hộp kiểm (có thể chọn 0 hoặc nhiều hộp) được đánh dấu bằng
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
5. Chúng tôi đã thêm thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
08 vào một trong các hộp để đặt trạng thái ban đầu của nó. Thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
08 được áp dụng cho các hộp kiểm, cũng như các nút radio

Menu kéo xuống được xác định thông qua một

  Contact Details
  Name
  

  Telephone
  

  Email

00, và một

  Contact Details
  Name
  

  Telephone
  

  Email

23 khác trong

  Contact Details
  Name
  

  Telephone
  

  Email

5. Chúng ta cũng có thể đánh dấu phần tử được chọn thông qua thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

03 trong

  Contact Details
  Name
  

  Telephone
  

  Email

5

Textarea (trường văn bản nhập nhiều dòng) được đánh dấu qua
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
5. Thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
06 được áp dụng cho tất cả các trường văn bản đầu vào, hiển thị gợi ý trong trường đầu vào trước khi người dùng nhập giá trị. Thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
07 yêu cầu trình duyệt giới hạn độ dài của đầu vào
Hãy thử gửi biểu mẫu. Quan sát các tham số yêu cầu trong URL đã gửi

VÍ DỤ 3. Kiểm soát và xác thực đầu vào HTML5

Xem các ví dụ bên dưới

[TODO] ví dụ toàn diện

Cú pháp của biểu mẫu HTML

Phần tử và thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

3 của nó

Một biểu mẫu HTML được bao quanh bởi một phần tử. Thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

3 chỉ định URL mà biểu mẫu web này sẽ được gửi, mặc định là trang hiện tại. Thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

4 chỉ định phương thức HTTP được sử dụng để gửi, tôi. e. ,

  Contact Details
  Name
  

  Telephone
  

  Email

301 hoặc

  Contact Details
  Name
  

  Telephone
  

  Email

302 (với mặc định là

  Contact Details
  Name
  

  Telephone
  

  Email

301)

  Contact Details
  Name
  

  Telephone
  

  Email

4

Các trường nhập (hoặc điều khiển, widget) được đặt bên trong

.

Nhóm các trường đầu vào. Các yếu tố và

  Contact Details
  Name
  

  Telephone
  

  Email

5

Một biểu mẫu web được thiết kế tốt sẽ sử dụng

để nhóm các trường đầu vào thành các bộ, với một

  Contact Details
  Name
  

  Telephone
  

  Email

5 để cung cấp chú giải mô tả cho bộ trường. Ví dụ,

  Contact Details
  Name
  

  Telephone
  

  Email

Dán nhãn

  Contact Details
  Name
  

  Telephone
  

  Email

5 trường. Phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5

Mỗi trường

  Contact Details
  Name
  

  Telephone
  

  Email

5 thường được liên kết với một

  Contact Details
  Name
  

  Telephone
  

  Email

5 để gắn nhãn trường đầu vào. Bạn có thể liên kết phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5 với nhãn bằng cách

  Contact Details
  Name
  

  Telephone
  

  Email

5 làm trình bao bọc. đặt phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5 trong các thẻ

  Contact Details
  Name
  

  Telephone
  

  Email

313

  Contact Details
  Name
  

  Telephone
  

  Email

5 làm tài liệu tham khảo. khớp thuộc tính "_______19" của phần tử

  Contact Details
  Name
  

  Telephone
  

  Email

5 với thuộc tính "

  Contact Details
  Name
  

  Telephone
  

  Email

01" của phần tử đầu vào

Nhãn không có bất kỳ hiệu ứng hình ảnh nào. Nhưng nếu bạn nhấp vào nhãn, trường nhập liệu liên quan sẽ được chọn

Kiểm soát đầu vào

Các trường đầu vào được đánh dấu bằng

  Contact Details
  Name
  

  Telephone
  

  Email

5,

  Contact Details
  Name
  

  Telephone
  

  Email

42

  Contact Details
  Name
  

  Telephone
  

  Email

324

  Contact Details
  Name
  

  Telephone
  

  Email

325,

  Contact Details
  Name
  

  Telephone
  

  Email

326). chỉ ra rằng giá trị này được chọn theo mặc định

chỉ đọc (cho

  Contact Details
  Name
  

  Telephone
  

  Email

327). chỉ ra rằng đầu vào này không thể chỉnh sửa

kích thước (đối với

  Contact Details
  Name
  

  Telephone
  

  Email

327). chỉ định số lượng ký tự để hiển thị

nhiều (đối với

  Contact Details
  Name
  

  Telephone
  

  Email

329,

  Contact Details
  Name
  

  Telephone
  

  Email

330) (HTML5). cho biết nhiều giá trị có thể được thông qua

trình giữ chỗ (cho

  Contact Details
  Name
  

  Telephone
  

  Email

327) (HTML5). cung cấp gợi ý về những gì nên được nhập

tự động hoàn thành (cho

  Contact Details
  Name
  

  Telephone
  

  Email

327) (HTML5). cho biết liệu trình duyệt có tự động hoàn thành trường này hay không

bắt buộc, độ dài tối thiểu, độ dài tối đa (HTML5). chỉ ra rằng giá trị phải có mặt hoặc phần tử phải được kiểm tra

tối thiểu. tối đa. bước (cho

  Contact Details
  Name
  

  Telephone
  

  Email

333,

  Contact Details
  Name
  

  Telephone
  

  Email

323) (HTML5)

hơn

Nhiều thuộc tính trên (chẳng hạn như

  Contact Details
  Name
  

  Telephone
  

  Email

335,

  Contact Details
  Name
  

  Telephone
  

  Email

08,

  Contact Details
  Name
  

  Telephone
  

  Email

337) được gọi là thuộc tính boolean. Tức là bạn không phải chỉ định giá trị của nó trong thẻ bắt đầu HTML. Sự hiện diện của thuộc tính boolean trên một phần tử đại diện cho giá trị thực

Sự kiện HTML

Mô tả sự kiệnonsubmit, onresetBật khi biểu mẫu được gửi/đặt lại (thường thông qua các nút gửi/đặt lại)bật xanh, bật tiêu điểmBật khi phần tử mất/lấy tiêu điểminputMột phần tử nhận đầu vào của người dùngonchangeGiá trị của phần tử được thay đổioncontextmenuKhi menu ngữ cảnh được kích hoạtkhông hợp lệKhi một phần tử không hợp lệchọnKhi một số văn bản . onkeyup, onkeydown, onkeypressKhi một phím được nhấn lên, xuống hoặc nhấn (lên + xuống)

Các tính năng mới của biểu mẫu web HTML5

Thêm gợi ý cho các trường văn bản đầu vào thông qua thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

06

Bạn có thể sử dụng thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

06 để cung cấp gợi ý cho đầu vào. Gợi ý này sẽ được hiển thị bằng hình mờ màu xám nhạt và biến mất khi người dùng nhấp vào trường. Ví dụ,

  Contact Details
  Name
  

  Telephone
  

  Email

0

Trình giữ chỗ nên được sử dụng để làm rõ sự mơ hồ bằng cách cung cấp các ví dụ, thay vì nhãn khác

Đặt phần tử lấy tiêu điểm ban đầu qua thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

341

Bạn có thể thêm thuộc tính

  Contact Details
  Name
  

  Telephone
  

  Email

341 (không có giá trị) vào phần tử được cho là nhận tiêu điểm khi tải trang

Xác thực đầu vào HTML5

HTML5 đã triển khai xác thực phía máy khách trên các trường đầu vào

bắt buộc, độ dài tối thiểu, độ dài tối đa. Bạn có thể thêm thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
96 (không có giá trị) để báo hiệu cho trình duyệt rằng trường đó bắt buộc phải nhập dữ liệu không trống. Trình duyệt sẽ bật lên thông báo lỗi nếu giá trị trống được gửi cho trường đó. Tương tự, bạn có thể sử dụng ________ 4344 và/hoặc ________ 607 để chỉ định số lượng ký tự tối thiểu và/hoặc tối đa được nhập vào
novalidate, formnovalidate. Để tắt xác thực (e. g. , để kiểm tra xác thực phía máy chủ), hãy thêm thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
346 vào phần tử;
mẫu = "regex". Bạn cũng có thể khớp giá trị đầu vào với biểu thức chính quy (regex) thông qua thuộc tính
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
348. Xem bài viết "Biểu thức chính quy" về cách sử dụng biểu thức chính quy để khớp
gõ = "email. url" được xác thực. Nếu
```
  Contact Details
  Name
  

  Telephone
  

  Email
  
```
96 không được đặt, đầu vào trống sẽ được chấp nhận

Ví dụ. Hãy thử các điều khiển đầu vào sau

  Contact Details
  Name
  

  Telephone
  

  Email

43

  Contact Details
  Name
  

  Telephone
  

  Email

44

  Contact Details
  Name
  

  Telephone
  

  Email

45

  Contact Details
  Name
  

  Telephone
  

  Email

46

  Contact Details
  Name
  

  Telephone
  

  Email
  

43CSS được tạo là
  Contact Details
  Name
  

  Telephone
  

  Email
  

44Trang HTML thử nghiệm là
  Contact Details
  Name
  

  Telephone
  

  Email
  

45Làm thế nào nó hoạt động?
[LÀM]
ít cơ bản hơn
  Contact Details
  Name
  

  Telephone
  

  Email
  

450
Bạn có thể sử dụng lệnh 
  Contact Details
  Name
  

  Telephone
  

  Email
  

450 để bao gồm các tập lệnh hoặc tệp CSS khác ít hơn
Ví dụ: tệp less chính của Bootstrap "
  Contact Details
  Name
  

  Telephone
  

  Email
  

06" chỉ bao gồm các câu lệnh   Contact Details
  Name
  

  Telephone
  

  Email
  

450, có thể dễ dàng tùy chỉnh để chọn các thành phần mong muốn
Bình luận.   Contact Details
  Name
  

  Telephone
  

  Email
  

08 và   Contact Details
  Name
  

  Telephone
  

  Email
  

09
Ít hỗ trợ cả chú thích nhiều dòng 
  Contact Details
  Name
  

  Telephone
  

  Email
  

08 và chú thích cuối dòng   Contact Details
  Name
  

  Telephone
  

  Email
  

09. (CSS chỉ hỗ trợ chú thích nhiều dòng   Contact Details
  Name
  

  Telephone
  

  Email
  

08, nhưng KHÔNG hỗ trợ chú thích cuối dòng   Contact Details
  Name
  

  Telephone
  

  Email
  

09. )
Nhận xét nhiều dòng 
  Contact Details
  Name
  

  Telephone
  

  Email
  

08 hiển thị trong CSS đã biên dịch; 



Biến.   Contact Details
  Name
  

  Telephone
  

  Email
  

492
Một biến ít hơn có tiền tố là dấu hiệu 
  Contact Details
  Name
  

  Telephone
  

  Email
  

491, ở dạng   Contact Details
  Name
  

  Telephone
  

  Email
  

492
Ví dụ: trong "
  Contact Details
  Name
  

  Telephone
  

  Email
  

19" và "  Contact Details
  Name
  

  Telephone
  

  Email
  

20" của Bootstrap
ghi chú
Bạn không thể gán lại giá trị cho một biến ít hơn. Một biến thực sự là một hằng số ít hơn và chỉ có thể được xác định một lần
Các biến được tải chậm. Nghĩa là, bạn có thể đặt một khai báo biến sau khi nó được tham chiếu
Bạn có thể sử dụng   Contact Details
  Name
  

  Telephone
  

  Email
  

21, trong đó   Contact Details
  Name
  

  Telephone
  

  Email
  

22 giữ một tên biến
các loại
Bạn có thể sử dụng các hàm kiểu có sẵn để kiểm tra kiểu của một biến. Có
isnumber(giá trị). Trả về boolean   Contact Details
  Name
  

  Telephone
  

  Email
  

23 hoặc   Contact Details
  Name
  

  Telephone
  

  Email
  

24
tỷ lệ phần trăm (giá trị)
chuỗi (giá trị)
iscolor(giá trị)
isunit(giá trị, đơn vị)
ispixel(giá trị)
isem(giá trị)
isurl(giá trị)
isruleset(giá trị)
iskeyword(giá trị)
Ví dụ như,
  Contact Details
  Name
  

  Telephone
  

  Email
  

46Một biến cũng có thể nhận một bộ quy tắc. Ví dụ,
  Contact Details
  Name
  

  Telephone
  

  Email
  

47Biến nội suy   Contact Details
  Name
  

  Telephone
  

  Email
  

25
Để sử dụng một biến trong bộ chọn hoặc tên thuộc tính (trên LHS), URL hoặc tên tệp @import (trong chuỗi được trích dẫn trên RHS), bạn cần nội suy biến ở dạng 
  Contact Details
  Name
  

  Telephone
  

  Email
  

25. Ví dụ,
Rõ ràng, dấu ngoặc nhọn 
  Contact Details
  Name
  

  Telephone
  

  Email
  

27 là cần thiết làm dấu phân cách để nội suy bên trong chuỗi được trích dẫn
hỗn hợp
Mixin là một cách bao gồm ("trộn lẫn") một tập hợp các thuộc tính từ quy tắc này sang quy tắc khác
Ví dụ: trong "
  Contact Details
  Name
  

  Telephone
  

  Email
  

28" và "  Contact Details
  Name
  

  Telephone
  

  Email
  

29" của Bootstrap
Mixins tương tự như các biến. Nhưng thay vì giữ một giá trị, nó giữ một tập hợp các thuộc tính
Mixin có thể lấy đối số và hoạt động giống như hàm. Nhiều đối số được phân tách bằng dấu chấm phẩy hoặc dấu phẩy, nhưng nên dùng dấu chấm phẩy vì dấu phẩy có ý nghĩa khác (dấu tách danh sách CSS)
Đối số của Mixin có thể nhận giá trị mặc định, ở dạng   Contact Details
  Name
  

  Telephone
  

  Email
  

30
Mixin kết thúc bằng dấu ngoặc đơn (e. g. ,   Contact Details
  Name
  

  Telephone
  

  Email
  

31) sẽ không được xuất ra trong CSS
Khi gọi các mixin, dấu ngoặc đơn là tùy chọn nếu không có đối số được yêu cầu
Khi gọi mixin, bạn cũng có thể truyền tham số theo tên, thay vì thông qua vị trí. Ví dụ,
Bạn cũng có thể kết hợp bộ chọn lớp thông thường và bộ chọn ID. Ví dụ,
Bộ chọn lồng nhau
Quy tắc ít hơn có thể được lồng vào nhau; 



Ví dụ, các quy tắc ít hơn sau đây
sẽ được mở thành các quy tắc CSS sau
Bên trong quy tắc less lồng nhau, bạn có thể sử dụng 
  Contact Details
  Name
  

  Telephone
  

  Email
  

92 để chỉ cấp độ gốc. Bộ chọn cha mẹ   Contact Details
  Name
  

  Telephone
  

  Email
  

92 thường được sử dụng với lớp giả, chẳng hạn như   Contact Details
  Name
  

  Telephone
  

  Email
  

34 và   Contact Details
  Name
  

  Telephone
  

  Email
  

35, như trong ví dụ trên
Các bộ chọn lồng nhau phản ánh tốt hơn cấu trúc phân cấp của tài liệu HTML, do đó, chúng được khuyến nghị
Mixin với bộ chọn
Mixin có thể chứa các thuộc tính CSS (như trong các ví dụ trên). Chúng cũng có thể chứa các bộ chọn lồng nhau. Ví dụ như,
sẽ được biên dịch thành CSS
  Contact Details
  Name
  

  Telephone
  

  Email
  

48không gian tên
sẽ được tổng hợp thành
  Contact Details
  Name
  

  Telephone
  

  Email
  

49Bạn có thể sử dụng kỹ thuật trên để tạo không gian tên
Chỉ thị lồng nhau
Chỉ thị như 
  Contact Details
  Name
  

  Telephone
  

  Email
  

451 cũng có thể được lồng vào nhau như bộ chọn. Không giống như bộ chọn thông thường, sẽ có bong bóng lên đến cấp cao nhất trong CSS được tạo
Ví dụ
  Contact Details
  Name
  

  Telephone
  

  Email
  

0sẽ được biên dịch thành CSS sau, trong đó chỉ thị 
  Contact Details
  Name
  

  Telephone
  

  Email
  

451 đang nổi lên ở cấp cao nhất
  Contact Details
  Name
  

  Telephone
  

  Email
  

1Các phép tính toán học
Bạn có thể áp dụng các toán tử số học, chẳng hạn như ________ 392, ________ 7496, ________ 7497 và ________ 7498 cho các số và phép đo số
 
Làm cách nào để nhắm mục tiêu văn bản loại đầu vào bằng CSS?
Nếu bạn chỉ muốn tạo kiểu cho một loại đầu vào cụ thể, bạn có thể sử dụng bộ chọn thuộc tính.  . 
 input[type=text] - sẽ chỉ chọn các trường văn bản
 input[type=password] - sẽ chỉ chọn các trường mật khẩu
 đầu vào [loại = số] - sẽ chỉ chọn các trường số
 
Văn bản kiểu đầu vào là gì?
The  xác định trường văn bản một dòng . Chiều rộng mặc định của trường văn bản là 20 ký tự. Mẹo. Luôn thêm thẻ 
Loại đầu vào trong CSS là gì?
Bộ chọn thuộc tính CSS chọn các loại đầu vào CSS cụ thể để tạo kiểu. input[type=text] - chọn các trường biểu mẫu chấp nhận văn bản . input[type=password] - chọn các trường biểu mẫu chấp nhận mật khẩu. đầu vào [loại = số] - chọn các trường biểu mẫu chấp nhận số. vân vân. 
Giá trị văn bản loại đầu vào là gì?
Thuộc tính giá trị Văn bản đầu vào trong HTML DOM được sử dụng để đặt hoặc trả về giá trị của thuộc tính giá trị của trường nhập liệu. Thuộc tính value chỉ định giá trị ban đầu của Trường văn bản đầu vào . Nó chứa giá trị mặc định hoặc người dùng gõ.

programming css

Loại đầu vào CSS = văn bản

Biểu mẫu HTML theo ví dụ

VÍ DỤ 1. Cấu trúc cơ bản

VÍ DỤ 2. Nhiều điều khiển hơn và xác thực đầu vào

VÍ DỤ 3. Kiểm soát và xác thực đầu vào HTML5

Cú pháp của biểu mẫu HTML

Phần tử và thuộc tính Contact Details Name Telephone Email 3 của nó

Nhóm các trường đầu vào. Các yếu tố và Contact Details Name Telephone Email 5

Dán nhãn Contact Details Name Telephone Email 5 trường. Phần tử Contact Details Name Telephone Email 5

Kiểm soát đầu vào

Contact Details Name Telephone Email 324

Sự kiện HTML

Các tính năng mới của biểu mẫu web HTML5

Thêm gợi ý cho các trường văn bản đầu vào thông qua thuộc tính Contact Details Name Telephone Email 06

Đặt phần tử lấy tiêu điểm ban đầu qua thuộc tính Contact Details Name Telephone Email 341

Xác thực đầu vào HTML5

Contact Details Name Telephone Email 43

Contact Details Name Telephone Email 44

Làm thế nào nó hoạt động?

ít cơ bản hơn

Contact Details Name Telephone Email 450

Bình luận. Contact Details Name Telephone Email 08 và Contact Details Name Telephone Email 09

Biến. Contact Details Name Telephone Email 492

các loại

Biến nội suy Contact Details Name Telephone Email 25

hỗn hợp

Bộ chọn lồng nhau

Mixin với bộ chọn

không gian tên

Chỉ thị lồng nhau

Các phép tính toán học

Làm cách nào để nhắm mục tiêu văn bản loại đầu vào bằng CSS?

Văn bản kiểu đầu vào là gì?

Loại đầu vào trong CSS là gì?

Giá trị văn bản loại đầu vào là gì?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

Phần tử và thuộc tính
Contact Details Name
Telephone
Email

3 của nó

Nhóm các trường đầu vào. Các yếu tố và
Contact Details Name
Telephone
Email

5

Dán nhãn
Contact Details Name
Telephone
Email

5 trường. Phần tử
Contact Details Name
Telephone
Email

5

Contact Details Name
Telephone
Email

324

Thêm gợi ý cho các trường văn bản đầu vào thông qua thuộc tính
Contact Details Name
Telephone
Email

06

Đặt phần tử lấy tiêu điểm ban đầu qua thuộc tính
Contact Details Name
Telephone
Email

341

Contact Details Name
Telephone
Email

43

Contact Details Name
Telephone
Email

44

Contact Details Name
Telephone
Email

450

Bình luận.
Contact Details Name
Telephone
Email

08 và
Contact Details Name
Telephone
Email

09

Biến.
Contact Details Name
Telephone
Email

492

Biến nội suy
Contact Details Name
Telephone
Email

25