Tôi có thể chỉ định maxlength trong css không?

Question

Tôi có thể thay thế thuộc tính maxlength bằng một thứ gì đó trong CSS không?

<input type='text' id="phone_extension" maxlength="4" /> 

Answer 1

Không. Điều này cần được thực hiện trong HTML. Bạn có thể đặt giá trị bằng Javascript nếu bạn cần.

Answer 2

Không có CSS, không.

Answer 3

No.

maxlength là dành cho hành vi.

CSS là để tạo kiểu.

Đó là lý do.

Answer 4

Tôi không nghĩ rằng bạn có thể, và CSS là nghĩa vụ phải mô tả cách trang trông không phải những gì nó làm, vì vậy ngay cả khi bạn có thể, nó không thực sự làm thế nào bạn nên sử dụng nó.

Có lẽ bạn nên suy nghĩ về việc sử dụng JQuery để áp dụng chức năng chung cho các thành phần biểu mẫu của bạn?

Answer 5

Không có CSS, nhưng bạn có thể mô phỏng và mở rộng/tùy chỉnh hành vi mong muốn bằng JavaScript.

Answer 6

Bạn có thể sử dụng jQuery như:

$("input").attr("maxlength", 4) 

Đây là một bản demo: http://jsfiddle.net/TmsXG/13/

Answer 7

Sử dụng $("input").attr("maxlength", 4) nếu bạn đang sử dụng phiên bản jQuery < 1,6 và $("input").prop("maxLength", 4) nếu bạn đang sử dụng jQuery phiên bản 1.6 +.

Answer 8

Khi người khác đã trả lời, không có cách nào hiện tại để thêm maxlength trực tiếp vào một lớp CSS.

Tuy nhiên, giải pháp sáng tạo này có thể đạt được những gì bạn đang tìm kiếm.

Tôi có jQuery trong một file có tên maxLengths.js mà tôi tham khảo tại trang web (Site.Master cho ASP)

chạy đoạn mã để xem nó trong hành động, hoạt động tốt.

jquery, css, html:

$(function() { 
 
    $(".maxLenAddress1").keypress(function (event) { 
 

 
     if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */ 
 
      return false; 
 
     } else { 
 
      return true; 
 
     } 
 

 
    }); 
 
});

.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input type="text" class="maxLenAddress1" />

Ưu điểm của việc sử dụng này: nếu nó được quyết định độ dài tối đa cho loại lĩnh vực cần được đẩy ra ngoài hoặc ở trên của bạn toàn bộ ứng dụng bạn có thể thay đổi nó ở một chỗ. Có ích cho độ dài trường cho những thứ như mã khách hàng, trường tên đầy đủ, trường email, bất kỳ trường nào phổ biến trên ứng dụng của bạn.