Làm cách nào để bạn phù hợp với kích thước và độ dài tối đa của hộp nhập văn bản?

Question

Làm cách nào để bạn phù hợp với kích thước và độ dài tối đa của hộp nhập văn bản? Nó rất khó chịu rằng các thuộc tính maxlength và size không xếp hàng và phụ thuộc vào việc sử dụng phông chữ.

Example input:<input type="text" size="4" maxlength="4" /> 

Bất kỳ lời đề nghị?

Answer 1

Tôi không nghĩ rằng nó sẽ khớp và nó sẽ rất tùy thuộc vào trình duyệt. Đặt cược tốt nhất là sử dụng CSS để đặt chiều rộng của đầu vào.

<input type="text" maxlength="4" value="1234" /> 

input {width:30px;} 

http://jsfiddle.net/BqEsd/67/

Bạn cũng có thể đưa ra một số loại chức năng để kích thước nó dựa tắt của nhân vật, cỡ chữ và ngôn ngữ. Một cái gì đó như thế này ví dụ ..

Ví dụ:

http://jsfiddle.net/krishollenbeck/ohpy5L95/3/