تگ textarea در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ textarea در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ textarea چیست؟

تگ textarea که ترجمه آن به زبان فارسی ناحیه متن می شود برای ایجاد ناحیه های ورودی متن به کار می رود.

از فرم نظرات گرفته تا فرم تماس با ما و ... می توان پیام های کاربران را با استفاده از این تگ دریافت کرد.

این تگ با <textarea> شروع شده و با </textarea> پایان می یابد.

<textarea>Text</textarea>

صفات تگ textarea

در این بخش با صفات تگ textarea آشنا خواهید شد.

صفت autofocus

این صفت، قابلیت فوکوس خودکار را فعال می کند تا بدون نیاز به کلیک بر روی این تگ، امکان تایپ فراهم شود.

<textarea autofocus>Text</textarea>

صفت cols

این صفت، عرض ناحیه را مشخص می کند.

<textarea cols="Number">Text</textarea>

صفت dirname

این صفت، جهت محتوای تگ را مشخص می کند.

<textarea dirname="name.dir">Text</textarea>

صفت disabled

این صفت، تگ textarea را غیر فعال می کند تا از تایپ جلوگیری شود. (رنگ ناحیه تغییر می کند.)

<textarea disabled>Text</textarea>

صفت form

این صفت، فرمی که قرار است محتوای تگ textarea به سرور ارسال شود را مشخص می کند.

<textarea form="id">Text</textarea>

صفت maxlength

این صفت، حداکثر تعداد کاراکتری که می توان تایپ کرد را مشخص می کند.

<textarea maxlength="Number">Text</textarea>

صفت name

این صفت، برای تگ textarea نام انتخاب می کند.

<textarea name="Value">Text</textarea>

صفت placeholder

این صفت، متن کمرنگی را جهت توضیح یا راهنمایی در مورد ناحیه مورد نظر مشخص می کند.

بعد از تایپ کاربر، این متن مخفی می شود.

<textarea placeholder="Value">Text</textarea>

صفت readonly

این صفت، ناحیه متن را فقط خواندنی می کند و از ویرایش متن جلوگیری می کند.

<textarea readonly>Text</textarea>

صفت required

این صفت، تا زمانی که تگ textarea حاوی داده ای نباشد از ارسال آن جلوگیری می کند. (پیامی از سوی مرورگر به شما نمایش داده خواهد شد.)

<textarea required>Text</textarea>

صفت rows

این صفت، ارتفاع ناحیه را مشخص می کند.

<textarea rows="Number">Text</textarea>

صفت wrap

این صفت، نحوه نمایش محتوای تگ را مشخص می کند.

<textarea wrap="soft|hard">Text</textarea>

مثال تگ textarea

کد:

<textarea rows="10" cols="20" maxlength="100" required>Text</textarea>

اجرا

سازگاری با مرورگرها

تگ textarea با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS