آموزش طراحی سایت(جلسه ۱۶):textarea فیلد

textarea فیلد
– در این فیلد شما میتوانید به میزان نامحدود کاراکتر وارد کنید. طراحی سایتاین فیلد برای دریافت پیغام متنیاستفاده میشود که میتوانید برای کادر آن طول و ارتفاع مشخص کنید.
مثال)

<textarea name=”content” rows=”۱۰” cols=”۳۰”></textarea>

– فیلد :radioاین فیلد معمولاً برای تعیین جنسیت یا وضعیت تأهل استفاده میشود یا سوالات چندگزینهای.
در این نوع فیلد nameرا برای همه حالات یکی در نظر بگیرید اما valueها باید متفاوت باشند.
مثال)

<input type=”radio” name=”gender” value=”۰”>خانم <input type=”radio” name=”gender” value=”۱” checked>آقا

برای فعال بودن یکی از گزینهها به صورت پیشفرض از صفت checkedاستفاده کنید.طراحی سایت– فیلد :checkboxفیلد چک باکس مثلاً میتواند برای قسمت علاقهمندیها به کار رود.
مثال)

<input type=”checkbox” name=”fav[0]”>ورزش <input type=”checkbox” name=”fav[1]”>هنر <input type=”checkbox” name=”fav[2]”>موسیقی fav[…]

– فیلد عکس: برای دریافت عکس به کار میرود.
مثال)

<input type=”file” name=”photo”>

:select – فیلد
برای اینکه بتوانید لیستی از موارد انتخابی تهیه کنید طراحی سایتاز تگ selectاستفاده کنید، که هر مورد از
موارد لیست در تگ optionنوشته میشود.
مثال)
۳۶

<select name=”grade”> <option value=”۱”></دیپلمoption> <option value=”۲”></کاردانیoption> <option value=”۳” selected></کارشناسیoption> </select>

:selectedیک گزینه را به صورت پیشفرض انتخاب میکند.

صفات مشترک فیلدها:
:readonlyاز این صفت برای فقط خواندنی کردن طراحی سایتعناصر فرم استفاده میشود. این صفت که جزء صفتهایbooleanاست در صورتی که برای عناصر فرم استفاده شود، کاربر امکان تغییر محتویات آن عنصر را نخواهد
داشت.
:disabledاین صفت بولین عناصر را به حالت غیر فعال در میآورد. مقدار این فیلدها انتخابطراحی سایت و حتی بهصفحه پردازشگر ارسال نمیشود.
:requiredاز این صفت بولین برای آن دسته از عناصری که نمیتوان آنها را خالی رها کرد و در واقع واردکردن اطلاعات در آن الزامی است استفاده میشود. از این صفت میتوان در تگهای textareaو اغلبتگهای inputاستفاده کرد. مرورگرهایی که از این صفت پشتیبانی میکنند. در صورت خالی رها کردنفیلدهایی که این صفت طراحی سایترا اختیار کردهاند پیغام خطا نمایش میدهند.
یک فرم یا فیلدautocomplete مشخص میکند که آیاautocomplete : خاصیتautocompleteورودی باید روشن باشدطراحی سایت یا خاموش. هنگامی که autocompleteeروشن است، مرورگر به صورت خودکار
شروع به تکمیل مقادیر مبتنی بر مقادیری که کاربر قبلاً وارد کرده است، میکند.

طراحی سایت اسپیناس همیشه سعی در استفاده از به روز ترین تکتینک ها و ابزارها در  طراحی سایت دارد  در اسپیناس از تکنولوژی ها روز دنیا مانند CSS3 , HTML5 , Jquery , JAVASCRIPT   استفاده می شود و همچنین زبانهایی مانند PHP , ASP  در شرکت اسپیناس مشتری مداری حرف اول را می زند