فرم جدید و عناصر آن

فرم جدید و عناصر آن

با سلام به کاربران سایت تمینا امروز با جلسه ششم از سری آموزش های html5  در خدمت شما همراهان هستیم .عناصر فرم جدید HTML5 به صورت زیر می باشد

  • <datalist>
  • <keygen>
  • <output>

توجه: همه مرورگرهای اصلی از انواع ورودی های جدید پشتیبانی نمی کنند.اگر آنها پشتیبانی نشوند، به صورت فیلد متنی منظم درمی آیند.

فرم جدید و عناصر آن فرم جدید و عناصر آن فرم جدید و عناصر آن New form elements

فرم جدید و عناصر آن

فرم جدید و عناصر آن

عنصر <datalist> : با استفاده از این عنصر ، شما میتونید برای فیلد جستجوی سایتتون ، لیست پیشنهاد ترتیب ببینید . به عنوان مثال ، زمانی که کاربر حرف ” گ ” رو تایپ می کنه ، کلمه گوگل بصورت یک لیست پیشنهاد در زیر فیلد ظاهر میشه و اگر هدف کاربر همین کلمه باشه ، گوگل رو بدون تایپ حرف اضافه انتخاب میکنه و جستجو میکنه . کد رو بصورت زیر مینویسید ، این فرم حاوی عناصر زیر هست :

– عنصر <datalist> یک لیست از گزینه های از پیش تعریف شده برای عنصر <input>مشخص می کند.

– یک datalist که کلمات پیشنهادیتون رو در option های اون لحاظ می کنید .

عنصر <datalist>برای ارائه ویژگی ” autocomplete” بر روی عناصر< input >مورد استفاده قرار می گیرد. کاربران همزمان با وارد کردن داده ها ، یک لیست کشویی از گزینه های از پیش تعریف شده را خواهند دید.
از ویژگی فهرست عنصر < input >برای اتصال آن بهمراه یک عنصر <datalist>استفاده کنید.

 

تعریف و کاربرد تگ keygen در HTML

تگ <keygen> یک مولد کلیدی جفت، مورد استفاده برای فرم ها ایجاد می کند.

تگ <keygen> برای فراهم کردن یک راه امن به منظور تایید هویت کاربران در فرم‌هایی نظیر ورود و ثبت نام می‌باشد.هنگامی که کاربر فیلد را پر می کند و ارسال می کند دو کلید  یک کلید خصوصی و یک کلید عمومی ایجاد می شود.

هنگامی که فرم ارسال می شود، کلید خصوصی به صورت محلی ذخیره شده و کلید عمومی به سرور ارسال می شود.

  • هدف از عنصر <keygen>، ارائه یک راه امن برای تأیید هویت کاربران است.
  • برچسب <keygen>یک فیلد برای مولد کلید جفت را در یک فرم مشخص می کند.
  • وقتی که فرم ارسال می شود، دو کلید، یکی خصوصی و یکی عمومی تولید می شود.
کلید خصوصی به صورت محلی ذخیره می شود ، و کلید عمومی به سرور فرستاده می شود. کلید عمومی می تواند در آینده برای تولید یک گواهی سمت سرویس گیرنده برای تأیید هویت کاربر ، مورد استفاده قرار گیرد.

تعریف و کاربرد تگ output در HTML

تگ <output> نشان دهنده نتیجه یک محاسبه است. (مانند نتیجه محاسبات انجام شده توسط یک اسکریپت)

  • تگ <input> مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.
  • عنصر <input> به منظور اعلام کنترل ورودی داخل عنصر <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.
  • یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.

در مثال زیر یک کنترل <input> تگ را ایجاد کرده و به وسیله یک تگ <keygen> ، مقدار وارد شده در آن را ، قبل از ارسال به سرور ، کد  گذاری کرده ایم .

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

 

همه‌ی عناصر جدید فرم در HTML5

تگ شرح
<datalist> ایجاد یک لیست از پیش تعریف شده که کاربر بتواند یکی را انتخاب کند.
<keygen> ایجاد یک فیلد تولید‌کننده‌ی کلید در یک فرم
<output> ایجاد یک فیلد جهت نمایش نتیجه‌ی محاسبات

آموزش HTML آموزش طراحی وب

دیدگاه خود را بیان کنید