فرم های HTML5
احتمالاً یکی از رایجترین روشهایی که برنامهنویسی PHP به آن کمک میکند، پردازش دادههای وارد شده در فرم HTML5 است. برنامه های زیادی وجود دارد که نیاز به ورود اطلاعات دارند – از پیگیری بولینگ شما تیمی برای پر کردن درخواست های شغلی آنلاین فرمهای HTML برای مدت طولانی وجود داشتهاند، و با HTML5 مطمئناً سالهای آینده نیز باقی خواهد ماند. این مقالات به شما نشان می دهد که چگونه با استفاده از ویژگی های فرم HTML5 برای برنامه های کاربردی وب خود فرم ایجاد کنید.
آشنایی با فرم های HTML5
یک برنامه وب پویا نیازمند نوعی تعامل با بازدیدکنندگان سایتی است که از آن استفاده می کنند.
آن تعامل معمولا با یک فرم انجام می شود. فرمها به شما امکان میدهند با استفاده از بسیاری از رابطهای ورودی مشابهی که معمولاً در سیستمهای Windows و macOS یافت میشوند، مانند جعبههای متن، فهرستهای کشویی و دکمههای رادیویی، از بازدیدکننده سایت خود اطلاعات بخواهید. قبل از اینکه بتوانید یک فرم برای برنامه وب خود ایجاد کنید، باید خانه داری را انجام دهید برای HTML5. شما باید فرم را تعریف کنید و اینکه مرورگر چگونه باید با داده هایی که بازدیدکننده سایت در آن وارد می کند استفاده کند. این بخش نحوه انجام این کار را توضیح می دهد.
تعریف فرم
احتمالاً خیلی تعجب آور نیست که عنصر HTML که برای ایجاد یک فرم استفاده می کنید، باشد عنصر فرم عنصر فرم دارای قالب به اندازه کافی ساده است:
<form attributes>
form elements
</form>
تگ <form> شروع ناحیه فرم را مشخص می کند که شامل تمام عناصر است که فیلدهای فرم را ایجاد می کند. تگ </form> انتهای ناحیه فرم را مشخص می کند. عنصر فرم دارای ویژگی های زیادی است که نحوه مدیریت داده های موجود در فرم توسط مرورگر را مشخص می کند. جدول زیر تمام ویژگی های موجود را نشان می دهد.
نویسه استفاده شده در فرم را در صورتی که با صفحه وب متفاوت باشد مشخص می کند. = Accept-charset
نشانی اینترنتی را که مرورگر باید دادههای فرم را به آنجا ارسال کند، تعیین میکند. = Action
مشخص می کند که آیا مرورگر مجاز به استفاده از ویژگی تکمیل خودکار است یا خیر = Autocomplete
رمزگذاری را مشخص می کند که مرورگر برای ارسال روش داده فرم استفاده می کند. انتقال را مشخص می کند = enctype
مرورگر باید برای ارسال داده ها استفاده کند = Method
نام اختصاص داده شده به فرم را تعریف می کند = Name
مشخص می کند که مرورگر نباید داده ها را تأیید کند = Novalidate
پنجره هدف را برای URL اقدام مشخص می کند = target
اغلب، زمانی که یک فرم ایجاد می کنید، لازم نیست نگران تنظیم تمام ویژگی های نشان داده شده در جدول باشید. می توانید از مقادیر پیش فرض استاندارد استفاده کنید.اینجا هستند ویژگی هایی که احتمالاً بیشتر با آنها کار خواهید کرد:
»» اقدام: شما باید URL صفحه وب را که می پذیرد و پردازش داده های فرم معمولا این صفحه ای است که شامل برنامه نویسی سمت سرور، مانند کد PHP.
انکریپت (enctype) : اگر فرم شما حاوی داده های باینری است (مانند یک فایل آپلود)، باید نوع رمزگذاری را تنظیم کنید تا سرور بداند که دادههای باینری در ارتباط با دادههای فرم وجود دارد.
»»روش: باید تعیین کنید که مرورگر چگونه داده ها را به سرور ارسال می کند، با استفاده از روش HTTP GET یا روش HTTP PUT.
• GET: روش HTTP GET داده های فرم را به عنوان بخشی از URL به آدرس ارسال می کند سرور نام فیلدهای فرم و مقادیر داده را با هم در URL جاسازی می کند. اغلب، اگر فرمی را در اینترنت پر کنید و روی دکمه ارسال کلیک کنید، یک URL را مشاهده خواهید کرد که چیزی شبیه به این است:
http://myhost.com/index.php?content=store&id=100
این بدان معناست که فرم از متد GET برای ارسال دو فیلد فرم به آن استفاده می کند سرور. از آنجایی که سرور باید هر مقدار یعنی GET را شناسایی کند متد نام فیلد فرم را با هر مقدار مرتبط می کند:
content=store
id=100
این مقادیر نشان می دهد که یک فیلد فرم با نام content روی مقدار store و یک فیلد فرم id با مقدار 100 تنظیم شده است. این روش راهی عالی برای ارسال سریع قطعات کوچک داده های فرم به فرم است سرور، اما برای فرم های بزرگتر توصیه نمی شود. برای فرم هایی که داده های زیادی ارسال می کنند، بهتر است از روش HTML PUT استفاده کنید.
• PUT: روش PUT داده های پشت صحنه بسته های درخواست HTTP را به جای استفاده از URL ارسال می کند. داده ها در نوار آدرس مرورگر دیده نمی شوند. در عوض، توسط مرورگر مشتری پردازش می شود و سرور به عنوان بخشی از ارتباطات HTTP در پشت صحنه. فقط به این دلیل که داده ها به راحتی دیده نمی شوند به این معنی نیست که امن هستند. داده ارسال شده با روش PUT همچنان به صورت متن ساده در پیام درخواست HTTP ارسال می شود.
هر فردی که دارای ردیابی شبکه باشد همچنان می تواند آن داده ها را بخواند.
قوانین ارسال دیدگاه در سایت