خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۱۹)

آموزش برنامه نویسی HTML (قسمت ۱۹)

آموزش برنامه نویسی HTML (قسمت ۱۹)

در آموزش قبل با ساخت چک باکس و دکمه رادیویی برای استفاده در فرم آشنا شدیم. در این آموزش قصد داریم ساخت کادر متنی چند سطری در فرم را توضیح داده و به کار ببریم .

خب دوستان با توجه به آموزش های قبل ما فرمی را طراحی کردیم که به شرح زیر بود :

نام و نام خانوادگی :

شماره موبایل :

فعالیت های مورد علاقه :
ورزش رزمی
دوندگی
رانندگی
مطالعه
خوابیدن طولانی
تماشای فیلم

جنسیت :
مرد
زن

رنج سنی :
کمتر از ۱۸ سال
بین ۱۸ تا ۲۲ سال
بین ۲۲ تا ۳۰ سال
بیشتر از ۳۰ سال

 

خب معمولاً در تمام فرم ها یک فضای متنی وجود دارد برای وارد کردن نظرات و انتقادت و توضیحات.

جهت گذاشتن یک باکس چند سطری از تگ <textarea> و </textarea> استفاده میکنیم، هر چیزی که بین این دو تگ قرار بگیرد در باکس متنی نمایش داده می شود، به مثال توجه کنید :

همانطور که مشاهده می فرمایید یا استفاده از ین تگ یک فضای متنی ایجاد میشه ولی با اندازه پیشفرض …

در Textarea طول و عرض را بر اساس ردیف و ستون مشخص میکنند که به ترتیب از شناسه های Rows و Cols استفاده می شود، به مثال زیر توجه نمایید :

همانطور که مشاهده می فرمایید در بالا ما طول باکس متنی را به اندازه ۴۰ کاراکتر و عرض آن را به اندازه ۷ سطر تنظیم کردیم.

 

قبلاً برای Input گفتیم که شما باید یک شناسه Name برای هر input مشخص کنید که برای ارسال به صفحه پردازشگر فرم مورد استفاده قرار میگیرد، برای باکس متنی هم اسمی قرار میدهیم .

 

 

در تگ Textarea نیز از شناسه های عمومی (مثلاً شناسه Dir که برای جهت دهی متن استفاده میشد) میتوان استفاده کرد.

 

در حال حاضر فرم ما به شکل زیر در آمده است :

نام و نام خانوادگی :
شماره موبایل :

فعالیت های مورد علاقه :
ورزش رزمی
دوندگی
رانندگی
مطالعه
خوابیدن طولانی
تماشای فیلم

جنسیت :
مرد
زن

رنج سنی :
کمتر از ۱۸ سال
بین ۱۸ تا ۲۲ سال
بین ۲۲ تا ۳۰ سال
بیشتر از ۳۰ سال

نظرات شما :

 

در آموزش های بعد با ما همراه باشید تا فرم خودمون رو کامل تر کنیم …

 

ما به طور کلی در این آموزش با ساخت کادر متنی چند سطری در فرم آشنا شدیم ، در آموزش بعد به کادر کلمه عبور و فیلد های مخفی فرم های HTML میپردازیم.


موفق باشید.

 

دانلود سورس آموزش این جلسه (حجم : ۱ کیلوبایت)

درباره ی nasimazadi

همچنین ببینید

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوفروش ویلا و اجاره ویلاسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا