تگ <textarea>
در بسیاری از موارد نیاز است تا از کاربر بخواهیم نظر خود را در مورد کالا یا مطلبی بیان کند. در این گونه موارد نیاز است تا یک فیلد با ابعاد بزرگتری برای کاربر فراهم شود، تا بتواند چندین خط را به عنوان نظر خود وارد کند. در این گونه موارد از تگ textarea استفاده می شود که خود دارای چند اتریبیوت کاربردی است. در همین راستا به منظور تعیین ابعاد textarea از اتریبیوت cols و rows برای تعیین عرض و ارتفاع آن استفاده می شود. همچنین برای آنکه دکمه اینتر (رفتن به خط بعد) درون محتوای نوشته شده تشخیص داده شود، لازم است مقدار اتریبیوت wrap برابر با hard در نظر گرفته شود (به صورت پیش فرض مقدار آن برابر با Soft است). توجه داشته باشید که متنی که درون textarea نوشته می شود، با یک نام مشخص به سمت سرور ارسال می شود.برای تعیین این نام از اتریبیوت name استفاده می کنیم.
همان طور که در تصویر مشخص است، یک فیلد برای دریافت نظر کاربر با طول 50 و ارتفاع 10 ردیف ایجاد شده، که با استفاده از اتریبیوت placeholder یک نوشته راهنما نیز درون آن برای کاربر در نظر گرفته شده است.
نکته: در صورتی که از اتریبیوت wrap=”hard” استفاده شود، لازم است تا مقداری برای اتریبیوت cols نیز تعیین شود.
<body>
<label>
انتقادات و پیشنهادات خود را با ما در میان بگذارید
</label>
<br>
<textarea name="comment" cols="50" rows="10" wrap="hard" placeholder="متن وارد کنید"></textarea>
</body>
<label>
انتقادات و پیشنهادات خود را با ما در میان بگذارید
</label>
<br>
<textarea name="comment" cols="50" rows="10" wrap="hard" placeholder="متن وارد کنید"></textarea>
</body>
همان طور که در تصویر مشخص است، یک فیلد برای دریافت نظر کاربر با طول 50 و ارتفاع 10 ردیف ایجاد شده، که با استفاده از اتریبیوت placeholder یک نوشته راهنما نیز درون آن برای کاربر در نظر گرفته شده است.
