HTML5 الدرس الرابع فى

New Input Types(part 2)

(5)color:

وهو عبارة عن حقل يسمح للمستخدم بختيار لون معين من مجموعة من الالوان.

مثال:

Select your favorite color: <input type=”color” name=”mycolor”>

وهذا النوع يعمل مع متصفحات كالكروم والاوبرا.

(6)search:

وهو عبارة عن حقل يسمح للمستخدم بالبحث كما فى موقع جوجل.

مثال:

Search Google: <input type=”search” name=”gosearch”>

وهذا النوع يعمل مع متصفحات كالكروم والسفارى.

(7)number:

وهو عبارة عن حقل يسمح للمستخدم باختيار رقم واحد من مجموعة من الارقام يتم تحديدها عن طريق اقل قيمة واعلى قيمة:

مثال:

<input type=”number” name=”num” min=”1″ max=”5″>

وهذا النوع يعمل مع متصفحات كالكروم والسفارى والاوبرا والانترنت اكسبلور.

(8)range:

وهو عبارة عن حقل يسمح للمستخدم باختيار قيمة من التدريج:

مثال:

<input type=”range” name=”myrange” min=”1″ max=”10″>

وهذا النوع يعمل مع متصفحات كالكروم والسفارى والاوبرا والانترنت اكسبلور.

New Form Elements

(1)datalist:

وهو عبارة عن حقل نصى عند عمل دبل كليك علية تخرج قائمة للمستخدم للاختيار من متعدد.

مثال:

<form action=”myform.php” method=”get”>

<input list=”browsers” name=”mybrowser”>

<datalist id=”browsers”>

<option value=”Firefox”>

<option value=”Chrome”>

<option value=”Opera”>

</datalist>

<input type=”submit”>

</form>

وهذا النوع يعمل مع متصفحات كالكروم والفيرفوكس والاوبرا والانترنت اكسبلور.

(2)keygen:

والكيجن هو طريقة امنة لحماية حسابات مستخدمين المواقع من حيث اسم المستخدم والباسورد .

مثال:

<form action=”mykeygen.php” method=”get”>

Passwowd: <input type=”text” name=”pass”>

Encryption: <keygen name=”mykegen”>

<input type=”submit”>

</form>

وهذا النوع يعمل مع متصفحات كالكروم والفيرفوكس والاوبرا والسفارى.

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: