HTML Textarea উপাদান (The HTML Textarea element)

<textarea>: HTML Textarea উপাদান (The HTML Textarea element)। HTML এ <textarea> ট্যাগ একটি বহু-লাইন পাঠ্য ইনপুট নিয়ন্ত্রণকে সংজ্ঞায়িত করে। মন্তব্য বা পর্যালোচনার মতো ব্যবহারকারীর ইনপুট সংগ্রহ করতে এটি প্রায়শই ফর্মগুলিতে ব্যবহৃত হয়। <textarea> ট্যাগ একটি <form> উপাদানের ভিতরে নেস্ট করা যেতে পারে বা এটি একা দাঁড়াতে পারে। এটি তার ফর্ম বৈশিষ্ট্যের মাধ্যমে একটি ফর্মের সাথে যুক্ত হতে পারে। <textarea> ট্যাগটি সীমাহীন সংখ্যক অক্ষর ধারণ করতে পারে এবং পাঠ্যটি একটি নির্দিষ্ট-প্রস্থ ফন্টে (সাধারণত কুরিয়ার) রেন্ডার হয়। আপনি কল এবং সারি বৈশিষ্ট্য (বা CSS দিয়ে) দ্বারা একটি পাঠ্য এলাকার আকার নির্দিষ্ট করতে পারেন। HTML Textarea উপাদান (The HTML Textarea element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।

Example: 1

 <!-- Example:1 -->
    <div>
        <pre>
            <b>Comment</b><br>
            <label for="comment">Write your comment here:</label>       
            <textarea name="textarea" id="tarea" cols="30" rows="5"></textarea>
        </pre>
    </div>

Example: 2

<!-- Example:2 -->
    <div>
        <pre>
            <b>Comment</b><br>
            <label for="name">Enter Name:</label>
            <input type="text">
            <label for="email">Enter Email:</label>
            <input type="email">
            <label for="mobile">Enter Mobile Number:</label>
            <input type="number">            
            <textarea name="textarea" id="tarea" cols="30" rows="10"></textarea>
        </pre>
    </div>

Full Code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>

<body>
    <h1>Textarea tag</h1>

    <!-- Example:1 -->
    <div>
        <pre>
            <b>Comment</b><br>
            <label for="comment">Write your comment here:</label>       
            <textarea name="textarea" id="tarea" cols="30" rows="5"></textarea>
        </pre>
    </div>


    <!-- Example:2 -->
    <div>
        <pre>
            <b>Comment</b><br>
            <label for="name">Enter Name:</label>
            <input type="text">
            <label for="email">Enter Email:</label>
            <input type="email">
            <label for="mobile">Enter Mobile Number:</label>
            <input type="number">            
            <textarea name="textarea" id="tarea" cols="30" rows="10"></textarea>
        </pre>
    </div>


</body>

</html>

Scroll to Top