কম্পিউটার টিউটোরিয়াল

HTML wrap অ্যাট্রিবিউট


HTML wrap অ্যাট্রিবিউট নির্ধারণ করে যে টেক্সট এরিয়ার টেক্সট কীভাবে র‍্যাপ হবে যখন একটি ফর্ম জমা দেওয়া হয়।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<textarea wrap=”hard | soft”></textarea>

HTML wrap অ্যাট্রিবিউটের একটি উদাহরণ দেখা যাক:

উদাহরণ

<!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 অ্যাট্রিবিউট ডেমো</h1> <form action='' method="post"> <textarea rows="5" cols="28" wrap="soft">হাই! আমি কিছু ডামি টেক্সটের সাথে একটি টেক্সট এরিয়া এলিমেন্ট।</textarea> <input type="submit" class='btn' value="ফর্ম জমা দিন"> </form> <button onclick="set()" class="btn">wrap মান দেখান</button> <div class="show"></div> <script>    function set() {       document.querySelector('.show').innerHTML = "wrap অ্যাট্রিবিউটের মান " +       document.querySelector("textarea").wrap;    } </script> </body> </html>

আউটপুট

HTML wrap অ্যাট্রিবিউট

টেক্সট এরিয়া এলিমেন্টের wrap অ্যাট্রিবিউটের মান দেখতে wrap মান দেখান বাটনে ক্লিক করুন:

HTML wrap অ্যাট্রিবিউট


  1. HTML tabindex অ্যাট্রিবিউট

  2. HTML required অ্যাট্রিবিউট

  3. HTML pattern অ্যাট্রিবিউট

  4. HTML draggable অ্যাট্রিবিউট