دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » ساخت فرم ثبت نام در فیلم آموزشی HTML
ساخت فرم ثبت نام در فیلم آموزشی HTML

ساخت فرم ثبت نام در فیلم آموزشی HTML

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

در قسمت اول فیلم ساخت فرم ثبت نام ، فیلد های زیر را آموزش داده ایم :

Search

Email

Tel

Url

Number

Range

Color

Time

Date

این ها را می توانید در این فیلم آموزشی ساخت فرم ثبت نام مشاهده بفرمایید :

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

Required :

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

Multiple  :

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

Placeholder :

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

disabled :

از این شناسه برای غیر فعال کردن فیلد استفاده می شود .

Pattern :

با استفاده از این شناسه می توانید یک الگویی برای فایل مثلاً Text درست کنید ، و اگر کاربر بر اساس آن الگو فیلد را پر نکرد مرورگر به کاربر پیغام ارور می دهد .

فیلم ساخت فرم ثبت نام را می توانید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

عاشق برنامه نویسی

نظرات کاربران :


  1. parviz گفت:

    مرسی بابت راهنمایت ، کارت درسته

  2. parviz گفت:

    سلام خسته نباشید،
    زمانی که از تگ استفاده میکنیم کادر که باید داخلش چیزی نوشته بشه مستقیما جلوی نوشته ظاهر میشه ، نوشته رو توسط خصوصیت align راست پین کردم ولی با چه خصوصیتی باید این کادر ها رو از سمت چپ مرتب کرد؟

    • رضا طوماری گفت:

      سلام منظورتون رو خوب متوجه نشدم ، اگه میشه کد رو بفرستین .
      ولی اگر منظورتون این هست که کادر ها در سمت چپ نمایش داده شوند باید برای همون کادر ها از خاصیت align:left استفاده کنید تا به سمت چپ بروند .

      • parviz گفت:

        ببخشید درست توضیح ندادم. زمانی که از تگ input استفاده می کنیم، باکسی که نمایش داده میشه رو چطور باید مکانش رو مدیریت کرد.
        مرسی از جوابت 🙂

        • رضا طوماری گفت:

          برای این کار بهتون توصیه می کنم از CSS استفاده کنید و با استفاده از خاصیت position در CSS می تونید به راحتی این کار ها رو انجام بدید . چون در HTML5 دیگه خاصیت align در input ساپورت نمیشه به همین خاطر از CSS استفاده کنید بهتره .
          مثلاً برای چپ چین کردن می تونید از این کد در CSS استفاده کنید :

          اگر خواستین می تونید از این لینک نحوه استفاده از position رو یادبگیرید :

          http://web30ty.com/position-%D8%AA%D8%B9%DB%8C%DB%8C%D9%86-%D9%85%D9%88%D9%82%D8%B9%DB%8C%D8%AA-%D8%AE%D8%A7%D8%B5%DB%8C%D8%AA-z-index/

جواب سوال چیه ؟ *