آموزش برنامه نویسی HTML (قسمت ۲۰) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۲۰)

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

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

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

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

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

 

جهت ساخت یک فیلد پسورد مطابق قبل از تگ <input> استفاده میکنیم .

تا اینجا یک فیلد معمولی ساختیم و حالا جهت مشخص کردن فیلد در شناسه type مقدار password را وارد میکنیم.

در باکس بالا هر چیزی که بنویسید به شکل دایره یا ستاره (بستگی به مرورگر دارد) به نمایش در می آید …

 

شما می توانید برای محدود کردن کاراکتر های فیلد پسورد از شناسه maxlength همانند دیگر فیلد ها استفاده کنید.

 

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

برای مخفی کردن یک فیلد باید در شناسه type مقدار hidden را وارد نمایید تا فیلد به صورت مخفی باشد و به صفحه پردازش فرم نیز ارسال شود.

به نمونه زیر توجه نمایید :

نام کاربری :


پسورد :

همانطور که مشاهده می فرمایید در خروجی باکس hidden نمایش داده نمی شود اما به صفحه پردازش فرم ارسال خواهد شد.

 

 

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

 

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


موفق باشید.

 

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

درباره ی nasimazadi

مطلب پیشنهادی

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

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

پاسخ دهید