Thuộc tính bọc HTML xác định cách văn bản trong vùng văn bản được bao bọc khi biểu mẫu được gửi trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
<textarea wrap=”hard | soft”></textarea>
Hãy để chúng tôi xem một ví dụ về Thuộc tính bọc HTML -
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem 0;
}
.show {
font-size: 1.5rem;
margin: 1rem 0;
}
</style>
<body>
<h1>HTML wrap Attribute Demo</h1>
<form action='' method="post">
<textarea rows="5" cols="28" wrap="soft">Hi! I'm a text area element with some dummy text.</textarea>
<input type="submit" class='btn' value="Submit Form">
</form>
<button onclick="set()" class="btn">Show wrap value</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('.show').innerHTML = "The value of wrap attribute is " + document.querySelector("textarea").wrap;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị giá trị bọc ”Để hiển thị giá trị của thuộc tính wrap của phần tử textarea:
