HTML

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

[caption id="attachment_3063" align="aligncenter" width="255"]HTML HTML[/caption]

Input های رایج و قدیمی

همانطور که در دو قسمت قبلی دیدیم، input ها قسمت مهمی از فرم های HTML هستند و ما می خواهیم در این قسمت انواع آن ها را بررسی کنیم. انواع input ها از این قرار هستند:(ایران گستر)

  • <"input type="button>
  • <"input type="checkbox>
  • <"input type="color>
  • <"input type="date>
  • <"input type="datetime-local>
  • <"input type="email>
  • <"input type="file>
  • <"input type="hidden>
  • <"input type="image>
  • <"input type="month>
  • <"input type="number>
  • <"input type="password>
  • <"input type="radio>
  • <"input type="range>
  • <"input type="reset>
  • <"input type="search>
  • <"input type="submit>
  • <"input type="tel>
  • <"input type="text>
  • <"input type="time>
  • <"input type="url>
  • <"input type="week>

ما می خواهیم این موارد را طی دو قسمت بررسی کنیم. در قسمت اول که همین قسمت می باشد، input هایی را به شما معرفی می کنیم که بسیار کاربردی بوده و سال های سال است که مورد استفاده قرار می گیرند. این نوع input ها توسط تمام برنامه نویسان وب شناخته شده هستند و سابقه ای دیرینه دارند. در قسمت بعد به سراغ input هایی خواهیم رفت که در HTML5 معرفی شده اند؛ این input ها تقریبا جدید تر هستند و بعضی از آن ها ممکن است در تمام مرورگر ها پشتیبانی نشوند اما امکانات بیشتری به ما می دهند. پس ابتدا برویم سراغ input های اصلی و رایج(ایران گستر)

Input های متنی

<"input type="text>به معنی این است که input ما از نوع متنی بوده و تبدیل به یک فیلد خالی برای تایپ کاربر می شود:(ایران گستر)

مشاهده ی خروجی در JSBin

Input های رمز عبور

فیلد های رمز عبور دقیقا مانند فیلد های متنی هستند بنابراین<"input type="password>هنوز هم یک فیلد خالی برای تایپ به ما می دهد اما تفاوت اینجاست که برای حفظ حریم شخصی کاربر، ظاهر هر چیزی که در این قسمت بنویسید با دایره های سیاه جایگزین می شود و کسی نمی تواند رمز تایپ شده ی شما را ببیند:(ایران گستر)

مشاهده ی خروجی در JSBin

Input های ارسال فرم

<"input type="submit>بدین معنا است که input مورد نظر می خواهد فرمی را ثبت و ارسال (submit) کند. این فرم سپس به یکform-handlerارسال می شود. همانطور که قبلا هم توضیح دادیمform-handlerصفحات اسکریپتی در سمت سرور هستند که کار پردازش و ذخیره ی داده های ارسالی را بر عهده دارند و آدرسشان در قسمتactionمشخص می شود:(ایران گستر)

مشاهده ی خروجی در JSBin

نکته: اگر مقدارvalueرا برای submit تعیین نکنید، یک مقدار پیش فرض برای آن تعیین می شود که معمولا همان کلمه ی submit است.(ایران گستر)

Input های پاک کردن فرم

input هایی که به صورت<"input type="reset>نوشته می شوند، معمولا یکreset button(دکمه ی ریستارت یا شروع مجدد) را ایجاد می کنند و زمانی که کاربر روی این دکمه کلیک کند تمام محتوایی که در فیلد ها نوشته است پاک می شود.(ایران گستر)

مشاهده ی خروجی در JSBin

Input هایradio

در جلسات قبل باradio buttonها آشنا شدیم؛ آن ها به هر کاربر اجازه می دهند تا از بین چند گزینهتنها یک گزینهرا انتخاب کند:(ایران گستر)

مشاهده ی خروجی در JSBin

Input هایCheckbox

input هایcheckboxبه صورت<"input type="checkbox>ساخته می شوند؛ آن ها به کاربر اجازه می دهند که از بین چند گزینه صفر، یک، دو، سه و . یا همه را انتخاب کند:(ایران گستر)

مشاهده ی خروجی در JSBin

Input های دکمه ای

این نوع از input ها به صورت<"input type="button>تعریف می شوند. سوالی که در ابتدا پیش می آید این است که برخی از input های قبلی نیز دکمه می شدند. چرا به این نوع از input ها به طور خاص دکمه ای می گوییم؟ جواب این است که این نوع از input ها تنها یک دکمه هستند و کارکرد آن ها را شما و معمولا با جاوا اسکریپت مشخص می کنید. input های قبلی که تبدیل به یک دکمه شدند کارشان تعریف شده بود و از این نظر با input های دکمه ای متفاوت هستند:(ایران گستر)

مشاهده ی خروجی در JSBin

تا اینجای کار با input

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

آموزش گام به گام و تصویری HTML قسمت نوزدهم (ایران گستر)

آموزش گام به گام و تصویری HTML قسمت هجدهم (ایران گستر)

input ,های ,ها ,گستر ,ی ,قسمت ,ایران گستر ,input های ,4 5 ,5 6 ,8 9

مشخصات

تبلیغات

محل تبلیغات شما

آخرین ارسال ها

محل تبلیغات شما محل تبلیغات شما

برترین جستجو ها

آخرین جستجو ها

تبلیغات متنی
kian64 booknayab apamehco nourirasam merspharma stream-city onlineebusiness pupgafgn2020 faslerooyeshci ychasinve