آموزش تگ textarea در HTML

آموزش تگ textarea در HTML

تگ <textarea> در HTML برای ایجاد یک ناحیه متنی برای ورود متن بلند یا متن فرمت‌دار مورد استفاده قرار می‌گیرد. این تگ امکان ورود متن بلند و یا فرمت‌دار را به کاربر ارائه می‌دهد. در این مقاله، تمامی حالت‌ها و ویژگی‌های تگ <textarea> را بررسی خواهیم کرد و با مثال‌های عملی آن‌ها را توضیح می‌دهیم.

1. تگ textarea در HTML

تگ <textarea> برای ایجاد یک ناحیه متنی برای ورود متن بلند یا متن فرمت‌دار مورد استفاده قرار می‌گیرد. این تگ به صورت خودبخود بسته است و بدون تگ بسته‌کننده (</textarea>) استفاده می‌شود.

<textarea name="message" rows="4" cols="50">
متن پیام خود را اینجا وارد کنید...
</textarea>

2. ویژگی‌های تگ textarea

2.1. name

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

<textarea name="message" rows="4" cols="50"></textarea>

2.2. rows و cols

این ویژگی‌ها تعداد ردیف‌ها و ستون‌های ناحیه متنی را مشخص می‌کنند.

<textarea name="message" rows="4" cols="50"></textarea>

2.3. placeholder

این ویژگی متنی را به عنوان راهنما درون ناحیه متنی نمایش می‌دهد.

<textarea name="message" rows="4" cols="50" placeholder="متن پیام خود را اینجا وارد کنید..."></textarea>

3. مثال کامل

<form>
   <label for="message">پیام:</label><br>
   <textarea id="message" name="message" rows="4" cols="50" placeholder="متن پیام خود را اینجا وارد کنید..."></textarea><br><br>
   <input type="submit" value="ارسال">
</form>

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.