Có cách nào để có được một <input />-trường trong HTML để bao bọc các dòng nếu văn bản dài hơn trường bằng cách sử dụng CSS không? Tôi không muốn sử dụng <textarea /> vì tôi muốn tránh người dùng nhập ngắt dòng cứng bằng cách nhấn enter.<input> nhiều dòng có khả năng qua CSS
Không, xin lỗi. <input type=text> là một dòng theo định nghĩa. Xem các tài liệu W3C Forms in HTML Documents:
text
Creates a single-line text input control.
Sử dụng Dijit điều khiển biểu mẫu TextArea Dojo, dựa trên TextArea, bạn có thể có một lĩnh vực đầu vào mà bắt đầu như một dòng đơn và mở rộng khi người dùng thêm vào nó.
Xem its documentation.
Bạn không thể làm những gì bạn muốn với CSS một mình, nhưng bạn có thể sử dụng JavaScript để ngăn người dùng nhập ngắt dòng trong trường <textarea>.
Đặt cược tốt nhất của bạn là sử dụng văn bản (với khả năng tự động nếu bạn muốn), sau đó loại bỏ các dòng mới khi biểu mẫu được gửi. Sử dụng php nó sẽ là một cái gì đó như thế này:
$text = str_replace(array("\n","\r"),'',$_POST['text_field']);
Điều này sẽ có tác dụng mong muốn của việc chặn ký tự dòng mới. Như những người khác đã chỉ ra nó không thực sự có thể để có được đầu vào nhiều dòng trong một lĩnh vực đầu vào.
http://www.technoreply.com/autogrow-textarea-plugin-version-2-0/ – Four
Nhìn này, http://www.echoecho.com/htmlforms08.htm
Các tùy chọn bọc là phần khó khăn nhất của vùng văn bản. Nếu bạn tắt gói, văn bản sẽ được xử lý như một chuỗi văn bản dài không có dấu ngắt dòng. Nếu bạn đặt nó thành văn bản ảo xuất hiện trên trang của bạn như thể nó được nhận dạng dấu ngắt dòng - nhưng khi biểu mẫu được gửi thì ngắt dòng sẽ bị tắt. Nếu bạn đặt nó thành văn bản vật lý được gửi chính xác như nó xuất hiện trên màn hình - các dấu ngắt dòng được bao gồm.
Đó không phải là điều anh ta muốn. – aehlke
Anh ấy muốn một đầu vào kết thúc tốt đẹp. Điều đó nghe giống như một textarea với tôi. Anh ta không muốn người dùng có thể nhập ngắt dòng, mà bạn có thể làm với JavaScript. –