ورود رمز عبور در html5

بسیاری از برنامه های کاربردی وب نیاز دارند که بازدیدکنندگان سایت اطلاعات حساس را در آن وارد کنند فرم، مانند شماره های تامین اجتماعی (SSN). عنصر ورودی راه آسانی را برای پنهان کردن این اطلاعات از چشمان کنجکاو فراهم می کند که سعی می کنند هنگام ورود بازدیدکنندگان تماشا کنند داده های آنها نوع فیلد ورودی گذرواژه به مرورگر دستور می دهد تا زمانی که بازدیدکننده سایت آنها را در کادر متن وارد می کند، کاراکترها را پنهان کند. در اینجا فرمت ایجاد رمز عبور است.

کد :

<input type=”password” name=”ssn”>

همانطور که بازدیدکننده سایت شما داده ها را در قسمت فرم رمز عبور تایپ می کند، مرورگر با نمایش یک نویسه خنثی و غیر توصیفی، کاراکترها را پنهان می کند. دقیقاً چگونه شخصیت ها  بسته به مرورگر است. اکثر مرورگرها از دایره های گلوله در فیلد استفاده می کنند.

چک باکس ها در html5

چک باکس ها یک فیلد فرم پاسخ بله یا خیر ساده را ارائه می دهند. نوع ورودی چک باکس یک کادر مربع ساده ایجاد می کند که بازدیدکننده سایت می تواند روی آن کلیک کند. فیلد چک باکس با هر کلیک تغییر می کند – از نشان دادن علامت چک در کادر تا نشان ندادن یک علامت چک در کادر. برای تعریف نوع ورودی چک باکس، از قالب زیر استفاده کنید:

<input type=”checkbox” name=”fishing”>

مشخصه name نامی را مشخص می کند که هنگام ارسال فرم توسط بازدیدکننده سایت به URL اقدام ارسال می شود.

مقدار ارسال شده یک مقدار درست/نادرست بولی در صورتی که کادر علامت گذاری شده باشد، مقدار درست است و اگر کادر چک علامت گذاری نشده باشد، نادرست است.

از آنجایی که فیلد چک باکس فقط یک کادر است، به احتمال زیاد می خواهید a را مرتبط کنید با فیلد چک باکس برچسب بزنید تا بازدیدکنندگان سایت شما بدانند چه چیزی را انتخاب می کنند. اغلب، چک باکس ها در گروه ها استفاده می شوند، بنابراین می توانید از عنصر فیلدست استفاده کنید:

<fieldset>

<legend>Please select which sports you like</legend>

<label>

Baseball

<input type=”checkbox” name=”baseball”><br>

</label>

<label>

Basketball

<input type=”checkbox” name=”basketball”><br>

</label>

<label>

Football

<input type=”checkbox” name=”football”><br>

</label>

<label>

Hockey

<input type=”checkbox” name=”hockey”><br>

</label>

</fieldset>

همچنین می توانید یک حالت پیش فرض را برای چک باکس تنظیم کنید، اما نه با استفاده از مقدار صفت.

در عوض، باید از ویژگی checked استفاده کنید:

<input type=”checkbox” name=”football” checked>

مشخصه علامت زده شده مقداری مرتبط با آن ندارد. اگر در ظاهر شود عنصر ورودی، چک باکس با علامت چک در آن ظاهر می شود.

Radio buttons

یک رابط مشابه برای چک باکس ها دکمه های رادیویی هستند. دکمه های رادیویی به شما این امکان را می دهند از بین یک گروه گزینه فقط یکی را انتخاب کنید. دکمه های رادیویی را با استفاده از نوع ورودی رادیویی ایجاد می کنید:

<input type=”radio” name=”sports”>

برای گروه بندی گزینه ها با هم، باید به همه آنها یک ویژگی نام اختصاص دهید. سپس مرورگر به بازدیدکنندگان سایت شما این امکان را می دهد که تنها یک گزینه را از بین گزینه انتخاب کنند گروه آن کد به شکل زیر خواهد بود:

<fieldset>

<legend>Please select your favorite sport</legend>

<label>

Baseball

<input type=”radio” name=”sport”><br>

</label>

<label>

Basketball

<input type=”radio” name=”sport”><br>

</label>

<label>

Football

<input type=”radio” name=”sport” ><br>

</label>

<label>

Hockey

<input type=”radio” name=”sport”><br>

</label>

</fieldset>