HTML रैप एट्रिब्यूट परिभाषित करता है कि जब किसी HTML दस्तावेज़ में प्रपत्र सबमिट किया जाता है तो टेक्स्ट क्षेत्र में टेक्स्ट को कैसे लपेटा जाता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
<textarea wrap=”hard | soft”></textarea>
आइए हम HTML रैप एट्रीब्यूट का एक उदाहरण देखें -
उदाहरण
<!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> आउटपुट
“रैप वैल्यू दिखाएं . पर क्लिक करें textarea तत्व की रैप विशेषता का मान प्रदर्शित करने के लिए बटन:
