وارد کردن نوع مخفی در فرم
برنامه شما ممکن است نیاز داشته باشد داده هایی را در پشت صحنه به عنوان بخشی از برنامه ارسال کنترل کند.
شاید این یک مقدار شناسه محصول مربوط به موردی باشد که بازدیدکننده سایت دارد خرید یا شماره شناسه کارمند در برنامه منابع انسانی. لازم نیست تمام داده هایی که فرم ارسال می کند توسط بازدید کننده سایت دیده شود.
برای تطبیق با آن، HTML از نوع ورودی مخفی استفاده می کند:
فیلد فرم پنهان در خود فرم ظاهر نمی شود، بنابراین باید از آن استفاده کنید ویژگی value برای اختصاص یک مقدار به فیلد فرم که به سرور ارسال می شود. هنگامی که بازدیدکننده سایت روی دکمه ارسال کلیک می کند تا داده های فرم ارسال شود، هر کدام پنهان می شود فیلدهای فرم تعریف شده به همراه داده های فیلد فرم معمولی ارسال می شوند.
آپلود فایل
اگر برنامه شما نیاز دارد که بازدیدکنندگان سایت شما فایل ها را آپلود کنند، باید نوع ورودی فایل را بررسی کنید. نوع ورودی فایل یک فیلد ورودی با دو قسمت تولید می کند:
»»یک کادر متنی برای نمایش نام فایل
»» یک دکمه مرور برای راه اندازی یک مدیر فایل
در برخی از مرورگرها، می توانید به صورت دستی نام فایل را در کادر متن تایپ کنید، اما بسیاری از آنها مرورگرهای محبوب از آن جلوگیری می کنند. دکمه Browse در کنار متن ظاهر می شود کادر، به بازدیدکنندگان سایت اجازه می دهد تا فایل مورد نظر را برای آپلود جستجو کنند. رابطی که استفاده می شود برای جستجو بستگی به سیستم عامل مرورگر دارد. در ایستگاه های کاری ویندوز، با کلیک بر روی دکمه Browse ابزار File Explorer راه اندازی می شود.
در ایستگاه های کاری macOS، با کلیک بر روی دکمه Browse ابزار Finder راه اندازی می شود. شکل 3-4 نشان می دهد نحوه نمایش فیلد در صفحه وب فرمت فیلد ورودی فایل به صورت زیر است:
به اندازه کافی ساده است! با این حال، هنگام استفاده از فیلد ورودی فایل، باید به یک چیز دیگر نیز توجه کنید. به طور پیش فرض، فرم ویژگی enctype را برای آن تنظیم می کند رمزگذاری کاراکترها قبل از آپلود. به احتمال زیاد، فایل های آپلود شما انجام خواهد شد حاوی داده های باینری است و رمزگذاری آن داده ها باعث خرابی آن ها می شود. برای حل این مشکل باید ویژگی enctype را در باز کردن تنظیم کنید.
تگ برای استفاده از مقدار multipart/form-data:
این تضمین می کند که داده های باینری موجود در فایل آپلود شده در آن آپلود می شوند فرمت باینری، اما داده های موجود در فیلدهای فرم دیگر به درستی برای آپلود کدگذاری شده اند.
دکمه ها
دکمه، دکمه، چه کسی دکمه را دارد؟ این فقط یک بازی کودکانه احمقانه است، اما دکمهها بخش مهمی از فرمهای وب شما هستند. دکمهها به بازدیدکنندگان سایت شما اجازه انجام اقداماتی را در صفحه وب، از راهاندازی برنامههای جاوا اسکریپت تا آپلود می دهد.
داده ها را به سرور تشکیل می دهد. سه نوع نوع ورودی دکمه برای استفاده وجود دارد: دکمه، تنظیم مجدد وارسال دکمه نوع فیلد دکمه یک دکمه عمومی برای راه اندازی یک رویداد ایجاد می کند. هنگامی که یک بازدید کننده سایت روی دکمه کلیک می کند، به طور پیش فرض هیچ اتفاقی نمی افتد. ترفند این است که یک عمل را با استفاده از ویژگی onclick تعریف کنید:
ویژگی value مشخص می کند که چه متنی در دکمه ظاهر می شود. مرورگر خواهد شد اندازه دکمه به طور خودکار متناسب با متنی است که شما مشخص می کنید. ویژگی onclick یک تابع جاوا اسکریپت را تعریف می کند که مرورگر با کلیک روی دکمه اجرا می کند. بازنشانی نوع فیلد بازنشانی، مقادیر موجود در فیلدهای دادهی فرم را به مقادیر اصلی خود بازنشانی میکند – اگر مقدار پیشفرض تعریف نشده باشد، یا اگر مقدار پیشفرض تعریف نشده باشد، به مقدار پیشفرض باز میگردد:
ارسال
نوع فیلد ورودی ارسال بخش مهمی از اکثر فرمها است. به مرورگر سیگنال می دهد که زمان آپلود مقادیر داده فیلد فرم در سرور فرا رسیده است.
به طور پیش فرض، دکمه با Submit به عنوان برچسب دکمه ظاهر می شود. شما می توانید تغییر دهید متن دکمه با استفاده از ویژگی value. قرار دادن دکمه ارسال مرسوم است در پایین یک فرم، اما این مورد نیاز نیست. می توانید دکمه ارسال را قرار دهید هر جایی بین تگ باز و تگ بسته می شود.
قوانین ارسال دیدگاه در سایت