Làm cách nào để tạo hộp văn bản có thể cuộn?

Question

Hiện tại, trang web có lớp css sau được sử dụng để ghi chú (các văn bản dài hơn) trong một biểu mẫu.

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
} 

Kích thước của hộp và kiểu dáng khác đăng ký chính xác, nhưng văn bản bắt đầu ở giữa và không bao giờ ngắt dòng. Cách duy nhất để xem toàn bộ văn bản là di chuyển con trỏ sang trái/phải.

Các hình thức sử dụng html sau (với một php ít) để thực hiện các hộp văn bản lớn

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>"> 

Cảm ơn bạn trước sự giúp đỡ nào.

Answer 1

Hãy thử thay thế input type="text" với textarea thẻ.

Thay đổi mã của bạn để:

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea> 

Nó sẽ gửi dữ liệu giống như một input thẻ bình thường, do đó bạn có thể lấy dữ liệu từ nó cùng một phương pháp.

Read more info about textarea tag

Answer 2

Tôi sẽ chuyển điều khiển từ input thành textarea, sẽ thực hiện chức năng bạn yêu cầu theo mặc định.

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea> 

JSFIDDLE:http://jsfiddle.net/rJy94/