آموزش تگ textarea در Html
آموزش تگ textarea در Html
در داخل تگ form تگی به نام textarea قررار دارد که برخی از فرم ها برای آنکه کاربران بتوانند متن دلخواه خود را وارد نمایند از آن استفاده می کنند. (طراحی سایت , سئو سایت , طراحی سایت )
تگ textarea وظیفه کنترل تعداد خطوط ورودی را انجام می دهد و به صورت دو تگ باز و بسته ی <textarea></textarea> به کاربرده می شود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
توسط تگ textarea می توانیم چند سطر خطوط نوشته ایجاد کنیم و از تعداد نامحدودی کاراکتر بهره ببریم. در این صورت امکان ادیت و ویرایش مطالب برای کاربران ساده تر خواهد بود.
اندازه متون را هم می توانیم از طریق مقدار دهی به دو خصوصیت row و cols مشخص نماییم و هم میتوانیم با مقدار دهی عناصر در css ارتفاع و عرض مشخص به آن بدهیم.
قطعه کد زیر نحوه استفاده از این تگ را نشان می دهد:
|
1
2
3
4
5
6
7
8
9
|
<!DOCTYPE html>
<html>
<body>
<form action="send-form-information.php" method="post">
<textarea rows="5" cols="50">نظر خود را وارد نمایید</textarea>
</form>
</body>
</html>
|
خصوصیت های تگ textarea در form:
خصوصیت مقدار توضیحات
autofocus
autofocus
توسط این خصوصیت می توانیم محل مکان نما را پس از لود شدن صفحه به صورت پیش فرض درون فیلد قرار دهیم.
پشتیبانی از Html5
cols
number
بااستفاده از این خصوصیت می توانید عرض textarea را مشخص نمایید.
disabled
disabled
توسط این خصوصیت محل textarea به صورت غیرفعال می باشد.
form
form_id
با استفاده از این خصوصیت می توانید فرم هایی که به فیلد مورد نظر تعلق دارند را مشخص نمایید.
پشتیبانی از Html5
maxlength
number
توسط این خصوصیت می توانید تعداد ماکسیسم کاراکتری که می خواهید در تگ textarea قرار دهید را مشخص نمایید.
پشتیبانی از Html5
name
text
توسط این خصوصیت یک نام برای تگ input قرار می دهیم.
placeholder
text
توسط این خصوصیت می توانید نمونه ای از ورودی مورد نظر را قرار دهید تا به صورت کمرنگ در فیلد قرار بگیرد و با قرار گیری موس روی فیلد مورد نظر از بین می رود.
پشتیبانی از Html5
readonly
readonly
نشان دهنده این است که فیلد مورد نظر فقط خواندنی است.
rows
number
توسط این خصوصیت می توانید تعداد سطر هایی که درون تگ textarea وجود دارد را مشخص نمایید.
wrap
hard
soft
با استفاده از این خصوصیت نحوه قرار گیری یک متن در ناحیه ی textarea مشخص می شود.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | توسط این خصوصیت می توانیم محل مکان نما را پس از لود شدن صفحه به صورت پیش فرض درون فیلد قرار دهیم. پشتیبانی از Html5 |
| cols | number | بااستفاده از این خصوصیت می توانید عرض textarea را مشخص نمایید. |
| disabled | disabled | توسط این خصوصیت محل textarea به صورت غیرفعال می باشد. |
| form | form_id | با استفاده از این خصوصیت می توانید فرم هایی که به فیلد مورد نظر تعلق دارند را مشخص نمایید. پشتیبانی از Html5 |
| maxlength | number | توسط این خصوصیت می توانید تعداد ماکسیسم کاراکتری که می خواهید در تگ textarea قرار دهید را مشخص نمایید. پشتیبانی از Html5 |
| name | text | توسط این خصوصیت یک نام برای تگ input قرار می دهیم. |
| placeholder | text | توسط این خصوصیت می توانید نمونه ای از ورودی مورد نظر را قرار دهید تا به صورت کمرنگ در فیلد قرار بگیرد و با قرار گیری موس روی فیلد مورد نظر از بین می رود. پشتیبانی از Html5 |
| readonly | readonly | نشان دهنده این است که فیلد مورد نظر فقط خواندنی است. |
| rows | number | توسط این خصوصیت می توانید تعداد سطر هایی که درون تگ textarea وجود دارد را مشخص نمایید. |
| wrap | hard soft |
با استفاده از این خصوصیت نحوه قرار گیری یک متن در ناحیه ی textarea مشخص می شود. |
تگ textarea تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ textarea در Html:
تمامی مرور گر ها را پشتیبانی می کند.