تگ form
از تگ inputبرای قرار دادن انواع کنترلهای طراحی سایتدریافت اطلاعات از کاربر در فرمهای htmlاستفاده میشود.
به وسیله خاصیت typeدر تگ inputمیتوانید نوع کنترل آن را مشخص نمایید.

انواع فیلد در تگ < >inputدر :html5 
colorمقدار ورودی از نوع کد
هگزادسیمال طراحی سایتیک رنگ مثل
FF8800
<input type=”color” name=”favcolor” />
<input type=”date” name=”bday”/>مقدار ورودی از نوع تاریخdate
datetimeمقدار ورودی از نوع زمان و یا
تاریخ
<input type=”datetime” name=”bdaytime” />
emailمقدار ورودی طراحی سایتاز نوع یک یا چند
آدرس ایمیل این کنترل فقط
روی مرورگرهای کروم،
فایرفاکس و اپرا جواب میدهد.
<input type=”email” name=”usremail” />
monthمقدار ورودی از نوع ماه
این کنترل فقط در مرورگرهای
کروم و اپرا جواب میدهد.
<input type=”month” name=”bdaymonth” />
numberمقدار ورودی از نوع عدد
در صورت وارد کردن مقادیر
غیر عددی و همچنین مقادیر
بیشتر و یا کمتر از محدوده
تعیین شده ، برنامه این مقادیر
را نادیده گرفته و ارسال
نمیکند .
<input type=”number” name=”quantity”
min=”1″ max=”5″/>
rangeمقدار ورودی از نوع عددی در
رنج داده شده
در مرورگرهای کروم و اپرا
جواب میدهد.
<input type=”range” name=”points” min=”1″
max=”10″/>
searchمقدار ورودیطراحی سایت از نوع فیلد
جستجو
این کنترل از موتور جستجو
گوگل استفاده میکند. در
مرورگرهای کروم و اپرا جواب
میدهد.
<input type=”search” name=”googlesearch”
/>

۳۴

timeمقدار ورودی از نوع زمان
در مرورگرهایطراحی سایت کروم و اپرا
جواب میدهد.
<input type=”time” name=”usr_time” />
urlمقدار ورودی از نوع یک آدرس
وب
اگر مقدار دارای فرمت صحیح
یک آدرس اینترنتی نباشد،
کنترل errorداده و مانع
ارسال اطلاعات میشود.
در مرورگرهای کروم، فایرفاکس
و اپرا جواب میدهد.
<input type=”url” name=”homepage” />
<input type=”week” name=”week_year” />مقدار ورودی از نوع هفتهweek
telمقدار وروردی از نوع شماره
تلفن
<input type=”tel” name=”usrtel”/>
datetime
local
مقدار ورودی طراحی سایتاز نوع زمان/تاریخ
محلی
<input type=”datetime-local”
name=”bdaytime” />
Hiddenاستفاده از این فیلد برای زمانی
است که شما مقادیری دارید که
میخواهید ازیک فرم به فرم
های دیگر ارسال کنید بدون
اینکه کاربر مجبور باشد
اطلاعات را دوباره و دوباره تکرار
کند!
این نوع تایپ در فرم میتواند
شامل هر مقداری باشد و از دید
کاربر مخفی میباشد.
<input type=”hidden” />

نکته قابل ذکر در رابطه با نام فیلدها این است که طراحی سایتوقتی فرمی به برنامهای که بر روی سرور قرار دارد، فرستاده
میشود هنگامی که میخواهید به اطلاعات هر فیلد از قبیل نام و نام خانوادگی دسترسی پیدا کنید name
آنها را بررسی کنید.
طراحی سایت

بارگذاری نوشته های مرتبط بیشتر
  • طراحی وب

    طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …
  • آموزش طراحی سایت(جلسه ۱۸):CSS چیست؟

    CSS چیست؟ CSS به معنایطراحی سایت «صفحات استایلی آبشاری» است و روشی است برای قالب بندی و طر…
  • آموزش طراحی سایت(جلسه ۱۷):دکمه ها

    دکمهها: – دکمه :submitاین عنصر برای تأیید طراحی سایتفرم استفاده میشود. زمانی که بر ر…
  • آموزش طراحی سایت(جلسه ۱۶):textarea فیلد

    textarea فیلد – در این فیلد شما میتوانید به میزان نامحدود کاراکتر وارد کنید. طراحی س…
  • آموزش طراحی سایت(جلسه ۱۴):هاIDE

    هاIDE یک ۲۲IDEیا «محیط توسعه یکپارچه» نرمافزاریطراحی سایت است که برای کمک به برنامهنویسان …
  • آموزش طراحی سایت(جلسه ۱۳):Frames قاب

    Frames قاب فریمها برای نمایش یک صفحه وبطراحی سایت در صفحه دیگر به کار میروند. برای استفاده…
بارگذاری بیشتر در طراحی وب

یک دیدگاه

  1. foot pain relief

    خرداد ۱۱, ۱۳۹۶ در ۶:۰۲ ق.ظ

    My brother recommended I would possibly like this website.
    He used to be entirely right. This put up truly made my day.
    You cann’t imagine simply how so much time I had spent
    for this information! Thanks!

    پاسخ دادن

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بررسی کنید

طراحی وب

طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …