Bootstrap ফর্মে TextArea ব্যবহার করা

যখন একাধিক লাইনের ইনপুট নেওয়া দরকার হয়, তখন <textarea> এলিমেন্ট ব্যবহার করা হয়। Bootstrap-এ .form-control ক্লাস দিয়ে টেক্সটএরিয়াকে স্টাইল করা যায়।

উদাহরণ

নিচের উদাহরণে একটি ফর্মে টেক্সট ইনপুট এবং টেক্সটএরিয়া দুটিই দেখানো হয়েছে:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Forms</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  </head>
  <body>
    <form role="form">
      <div class="form-group">
        <label for="name">খেলোয়াড়</label>
        <input type="text" class="form-control" placeholder="খেলোয়াড়ের নাম">
      </div>
      <div class="form-group">
        <label for="name">র‍্যাঙ্ক</label>
        <input type="text" class="form-control" placeholder="খেলোয়াড়ের র‍্যাঙ্ক">
      </div>
      <div class="form-group">
        <label for="name">খেলোয়াড়ের বিবরণ</label>
        <textarea class="form-control" rows="3" placeholder="খেলোয়াড়ের বিবরণ"></textarea>
      </div>
    </form>
  </body>
</html>

নোট: rows অ্যাট্রিবিউট দিয়ে টেক্সটএরিয়ার উচ্চতা নিয়ন্ত্রণ করা যায়।