Nếu tôi muốn vùng văn bản của mình bị ẩn, tôi phải làm như thế nào?Nếu tôi muốn văn bản của mình bị ẩn, tôi làm cách nào?
Trả lời
Sử dụng thuộc tính hiển thị CSS nên thực hiện thủ thuật.
Sử dụng css: display: none;
(điều này sẽ làm cho textarea biến mất hoàn toàn, không gian nó thường sẽ mất sẽ không được bảo lưu)
Bạn có một vài lựa chọn, sau đây là một số ví dụ:
- display: none
- visibility: hidden
Dưới đây là một số mã ví dụ để bạn có thể xem cho chính mình
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Text Area Hidden</title>
<style type="text/css">
.hideButTakeUpSpace
{
visibility: hidden;
}
.hideDontTakeUpSpace
{
display:none;
}
</style>
</head>
<body>
<h1>Text area hidden examples</h1>
<h2>Hide but take up space (notice the gap below)</h2>
<textarea class="hideButTakeUpSpace" rows="2" cols="20"></textarea>
<h2>Hide Don't take up space</h2>
<textarea class="hideDontTakeUpSpace" rows="2" cols="20"></textarea>
</body>
</html>
Xem jsFiddle Example
Tại sao downvote? –
Mọi người này đem lại cho bạn câu trả lời, nhưng không nhiều về lý do. Ở đây bạn đi: nếu bạn sử dụng quy tắc CSS visibility:hidden;
vùng văn bản sẽ ẩn, nhưng nó vẫn chiếm dung lượng. Nếu bạn sử dụng quy tắc CSS display:none;
, vùng văn bản sẽ bị ẩn và nó sẽ không đặt chỗ trên màn hình - không có khoảng trống, nói cách khác, nơi nó sẽ có. Dưới đây là một ví dụ trực quan tốt: http://www.w3schools.com/css/css_display_visibility.asp
Để đưa các quy tắc phong cách trong textarea của bạn, bạn muốn một cái gì đó như thế này:
<textarea cols="20" rows="20" style="display:none;">
Thành viên ẩn danh với chiếm không gian trên trang web hiện tại.
<textarea style="visibility:hidden"></textarea>
Biến mất trên trang web hiện tại không có hiệu ứng nào khác.
<textarea style="display:none" ></textarea>
<!DOCTYPE html>
<html>
<head>
<style>
textarea.none {
display: none;
}
textarea.hidden {
visibility: hidden
}
</style>
</head>
<body>
<textarea class="none">The display is none.</textarea>
<br>
<textarea class="hidden">visiblity is hidden</textarea>
<br>
<textarea >This is visible and you can see a space taken visiblity:hidden</textarea>
</body>
</html>
- 1. Nếu tôi muốn JDK cho máy Mac của mình, tôi nên tìm nó ở đâu?
- 2. Tôi nên làm gì nếu tôi muốn ai đó nhận xét về mã của tôi?
- 3. Tôi muốn 410 toàn bộ thư mục - Tôi đã xóa blog của mình
- 4. Làm cách nào để tạo văn bản NLTK của riêng tôi từ một tệp văn bản?
- 5. Tôi làm cách nào để tìm gói của mình?
- 6. Tôi muốn nhận được giá trị của hộp văn bản bị vô hiệu hóa trong jsp tiếp theo của chúng tôi nhưng tôi nhận được giá trị null
- 7. window.getSelection() cho tôi văn bản đã chọn, nhưng tôi muốn HTML
- 8. Tôi làm cách nào để thay đổi văn bản "Ứng dụng muốn sử dụng vị trí hiện tại của bạn?"
- 9. Nếu tôi muốn xác định định dạng tệp, tôi sẽ làm như thế nào?
- 10. Làm hộp văn bản bị ẩn trong ASP.NET
- 11. Tôi làm cách nào để xuất bản dự án asp.net của mình lên iis địa phương?
- 12. Làm cách nào để tôi làm cho ListBox làm mới văn bản mục của nó?
- 13. Tôi muốn OpenID trên GAE/J. Tôi không muốn có một JAR 100kB khác. Tôi có bị lạc không?
- 14. Tại sao văn bản ẩn TinyMCE của tôi lại hoạt động?
- 15. C# làm cách nào tôi có thể chọn tất cả văn bản trong hộp văn bản khi tôi nhấp đúp?
- 16. Tôi làm cách nào để bật tiện ích mở rộng chrome của mình ở chế độ ẩn danh?
- 17. Tôi có phải lo lắng về InterruptedExceptions nếu tôi không làm gián đoạn bất cứ điều gì bản thân mình?
- 18. Tôi làm cách nào để sử dụng vim để chuyển đổi tệp của mình thành utf8?
- 19. Tại sao văn bản đầu vào bị ẩn của tôi: giá trị = "giá trị" thay vì đúng/sai?
- 20. Làm cách nào để thiết bị của tôi rung?
- 21. Làm cách nào để in dòng khớp với văn bản của tôi bằng tìm trong linux?
- 22. Làm cách nào để tôi biết DOMDocument-> load() mã hóa nào tôi muốn sử dụng?
- 23. Làm cách nào để vô hiệu hóa phím ENTER trên vùng văn bản của tôi?
- 24. Có cách nào để ẩn văn bản nếu phông chữ không khả dụng không?
- 25. Tôi làm cách nào để duy trì và khôi phục tệp bị hỏng của mình thành tệp?
- 26. Tôi muốn sử dụng trang HTML trong ứng dụng grails của mình. Nhưng không thể
- 27. Tôi làm cách nào để cập nhật giá trị của văn bản đầu vào qua ajax?
- 28. Làm cách nào để ẩn phần tử nếu nội dung được nhúng bị trống?
- 29. Làm cách nào để sao chép văn bản từ xterm của tôi mà không cần chuột?
- 30. Tôi làm cách nào để bán tiện ích mở rộng Google Chrome của mình?
i có mã
Bạn có thể thêm style = "display: none". Như @thelost nói, bạn cũng có thể làm style = "visibility: hidden". Điều này sẽ làm cho textarea vẫn chiếm không gian trên trang. Bạn thực sự nên đặt điều này trong một bảng định kiểu. Điều đó có nghĩa là thêm class = "hidden" vào thẻ textarea của bạn và thêm textarea.hidden {display: none; } vào tập tin css của bạn – Rune