2010-07-15 44 views
29

Tôi có trường nhập, người dùng sẽ viết văn bản bên trong nhưng khi văn bản dài thì mở rộng theo chiều ngang thay vì thả xuống theo chiều dọc.Trường nhập văn bản, bọc văn bản thay vì mở rộng theo chiều ngang

Tôi đã thử: tràn: bị ẩn; từ bọc: ngắt lời;

và tôi không có may mắn. Bất kỳ đề xuất nào khác về cách thực hiện điều này?

+0

sử dụng jQuery như đã đề cập ở đây: http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu

Trả lời

21

Tôi nghĩ rằng bạn nên sử dụng một trường nhập nhiều dòng như TextArea:

http://htmlhelp.com/reference/html40/forms/textarea.html

Mẫu mã:

<textarea rows="10" cols="30"></textarea> 
+6

Tôi sẽ looooove để sử dụng văn bản nhưng tôi đang bị buộc phải sử dụng một trường đầu vào. – Xtian

+0

Vâng, tôi nghĩ rằng bằng cách sử dụng một lĩnh vực đầu vào bạn không thể có được hành vi này. Ít nhất tôi chưa bao giờ thấy điều đó trước đây. Đó là lý do tại sao TextArea tồn tại. –

+3

"Buộc" theo cách nào? –

4

Xtian - Bạn không nên có bất kỳ hạn chế về nơi bạn cần phải sử dụng an <input> hoặc <textarea>. Chỉ cần cung cấp cho khu vực văn bản cùng tên mà bạn đã sử dụng cho đầu vào và bạn sẽ ổn.

Ví dụ, tôi chỉ thay thế

<input type="text" name="reply" /> 

Với

<textarea rows="1" cols="26" name="reply"></textarea> 
tại

Tốt hơn nhiều.

Các vấn đề liên quan