0 اسپیناس وب اسپیناس وب

افتخار طراحی سایت بیش از ۱۷۰۰ کسب و کار ایرانی و خارجی

نمونه کارها

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

نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

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

<textarea name=”content” rows=”10” cols=”30”></textarea>

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

<input type=”radio” name=”gender” value=”0”>خانم
<input type=”radio” name=”gender” value=”1” 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نوشته ميشود.
مثال)
36

<select name=”grade”>
<option value=”1”></دیپلمoption>
<option value=”2”></کاردانیoption>
<option value=”3” selected></کارشناسیoption>
</select>

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

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

درگ کنید مشاهده بستن پخش
0%