منو اصلی
  صفحه اصلی
  تبلیغات
  کارت شارژ
  تماس با ما
تبلیغات


تور کیش
بخش خبری
ابزار وب مسترها
  ابزار مجله در وبلاگ
  گوگل پلاس در وبلاگ
  شمارنده مطالب
  پازل وبلاگ
  تولبار حرفه ای
  ابزار پرش به بالا
  ذکر ایام هفته
  استخاره آنلاین
  سخنان بزرگان
  نمایش رتبه گوگل
  وضعیت آب و هوا
  اوقات شرعی
  فونت های زیباسازی
  کدهای زیباسازی فلش
  فال روزانه
  فال حافظ
  فال کلیکی
  فال انبیا
  طالع بینی ازدواج
  طالع بینی هندی
  عشق سنج آنلاین
  موسیقی لایت در وبلاگ
  ساخت موسیقی آنلاین
  ساعت های فلش
  ابزار فرم تماس با ما
  چت روم
  تصاویر تصادفی
  تصاویر زیباسازی
  لودینگ وبلاگ
  جستجوگر گوگل
  تعیین وضعیت یاهو
  ساخت ایمیل آیکون
  تقویم رومیزی
  تغییر شکل موس
  نمایشگر آی پی
  تعبیر خواب
  نمایش تاریخ
  بارش برف در وبلاگ
  پرواز بادکنک در وبلاگ
  پرواز حباب در وبلاگ
  قطرات شبنم در وبلاگ
  ابزار مبدل تاریخ ها
  جملات عاشقانه تصادفی
  جملات تصادفی شریعتی
  حدیث تصادفی
  اس ام اس تصادفی
  دانستنی های تصادفی
  مترجم گوگل
  معرفی وبلاگ به دوستان
  سرویس whois دامنه
  ابزار ار اس اس ریدر
  کد آپلود عکس
  دیکشنری آنلاین
  ساخت صفحات پاپ آپ
  ساخت تصاویر ثابت
  روزنما با مناسبت ها
  لحظه شمار غیبت امام زمان
  کدهای کاربردی
آرشیو قالب ها

rss rss rss



تراوین اسپید
پرهیجان ترین و پرطرفدارترین بازی آنلاین استراتژیک دنیا
T r a a V  i a a n  . i r

فرماندهی دهکده خود را بدست بگیرید، ارتش بسازید اتحاد تشکیل دهید، به دهکده های دیگر حمله کنید و قهرمان شویدتراوین ایرانی

 ساختن کادرهای ورودی متن برای استفاده در فرمهای HTML
ساختن کادرهای ورودی متن برای استفاده در فرمهای HTML

ما با استفاده از تگ <input> می توانیم بسیاری از اطلاعاتی را که در فرمها نیاز داریم از طریق کاربران به دست آوریم. در حقیقت این تگ برای وارد کردن اطلاعات توسط کاربر استفاده می شود. این تگ در HTML4.01 نیازی به تگ پایانی ندارد.

از تگ <input> می توانیم برای ساختن کادرهای مربوط به وارد کردن متن، کادر کلمه عبور، فیلدهای مخفی، دکمه های رادیو، چک باکس، دکمه ارسال فرم، دکمه پاک کردن فرم و انواع دیگر دکمه ها و چند نوع ورودی دیگر استفاده کنیم. در اینجا هر کدام از این ورودی ها را به صورت جداگانه مورد بررسی قرار می دهیم.

جعبه ورودی متن (Text Box)

از این نوع ورودی برای ایجاد یک کادر یک سطری برای ورود متن استفاده می شود. برای ساختن این کادر باید از شناسه "type="text در تگ <input> استفاده کنیم. در صورت تعریف نشدن شناسه type در مرورگرهای جدید این شناسه به صورت پیش فرض به کار می رود و یک Text Box را نمایش می دهد اما برخی از مرورگرهای قدیمی در صورتی که از ایسن شناسه استفاده نشود این کادر را نمایش نمی دهند.

یک نمونه از کد مربوط به ایجاد این کادر را می توانید در اینجا مشاهده کنید:

<input type="text" name="testField" maxlength="50" size="30" value="کادر ورود متن">

کادر متنی بالا به صورت زیر نمایش داده می شود:

در اینجا به توضیح برخی از شناسه هایی که با این نوع ورودی به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند.

  • type :
    برای اینکه یک کادر متنی ایجاد کنیم باید مقدار این شناسه را text قرار دهیم.
  • name :
    این شناسه برای اختصاص یک نام برای ورودی مربوطه استفاده می شود.
  • maxlength :
    این شناسه برای مشخص کردن حداکثر تعداد کاراکترهای ورودی استفاده می شود. این شناسه در مورد ورودی متنی یک سطری استفاده می شود و مقدار آن باید عددی مثبت باشد.
  • size :
    این شناسه در مورد این نوع ورودی طول کادر را بر حسب تعداد کاراکتر مشخص می کند. البته مرورگرهای مختلف ممکن است بر حسب نوع فونت مورد استفاده اندازه این کادر را مانند هم نشان ندهند. مقدار این شناسه باید عددی مثبت باشد. مقدار پیش فرض این شناسه 20 است.
  • value :
    این شناسه در مورد کادرهای متنی، متنی را که به صورت پیش فرض در کادر متنی نمایش داده می شود معین می کند.
  • "readonly="readonly :
    این شناسه فقط برای کادرهای متنی مورد استفاده قرار می گیرد و باعث می شود تا کاربر نتواند تغییری در متن نوشته شده در این کادر ایجاد کند اما کاربر می تواند متن را مشاهده کند و آنرا انتخاب کند.
    مقادیر مربوط به فیلدهایی که به صورت readonly هستند اگرچه توسط کاربر تغییر نمی کنند ولی با ارسال فرم به سرور ارسال می شوند.
  • "disabled="disabled :
    از این شناسه برای غیر فعال کردن کادر متنی استفاده می شود. به صورتی که کاربر نمی تواند متنی در این کادر بنویسد و یا متن آنرا انتخاب کند. البته این رفتار ممکن است در مرورگرهای مختلف تفاوت داشته باشد.
    مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.

برای مشاهده کادر در حالات فقط خواندنی (readonly) و غیر فعال (disabled) حالت مورد نظر خود را در مثال زیر انتخاب کنید و نتیجه را در کادر متنی زیر مشاهده کنید:

حالت مورد نظر شما :  

کادر متنی نمونه :

علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد:
id, class, title, style, dir, lang, xml:lang

رویدادهای زیر هم در تگ فرم قابل استفاده هستند.
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
/images/spilit.png

مطالب تصادفی
ویژگیهای مربوط به متن در CSS

اعمال تغییر بر روی لینکها در صفحه با استفاده از استایل

کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد
استفاده از کلاس و id در طراحی صفحات با CSS
معرفی دستور شرطی if...else و کاربردهای مختلف آن
تنظیم نحوه قرار گرفتن تصاویر در صفحه
آموزش ساختن جدول در طراحی صفحه با HTML
ایجاد پیوند به دیگر صفحات با HTML
فارسی نویسی در ادیتور های دریم ویور و فرانت پیج
قرار دادن دو جدول در کنار هم با استفاده از یک جدول بزرگتر






کیف موبایل نانو 

فروش ویژه کیف مسدود و تقویت کننده امواج موبایل با 4 خاصیت . دارای 4 قابلیت استثنائی :
1- از دسترس دیگران خارج می شوید .
2- تقویت امواج در نقاط کور .
3- از بین بردن امواج مضر و سرطان زا .

4- جلوگیری از سوخته شدن کارتهای سوخت و عابر بانک .
با این کیف علاوه بر داشتن یک کیف موبایل شیک و سبک قابلیت های ویژه ای نیز با استفاده از فناوری نانو در الیاف مخصوص آن خواهید داشت ...

خرید پستی عینک سه بعدی کره ای
قيمت پستي: ۱۸۰۰۰ تومان
 

تبلیغات
دسترسی سریع
قالب های 3 ستونه
قالب های 2 ستونه
ابزار وبلاگ نویسان
آموزش وبلاگ نویسی
گالری عکس
آپلود عکس
بازی آنلاین موسیقی لایت چت روم
مجله نایت پلاس

  فرهنگ و هنر
بازی آنلاین

 بازی آنلاین                                    641 بازی
 بازی های ورزشی             96 بازی
 بازی های تیراندازی         123 بازی
 بازی های فکری              206 بازی
 بازی های اکشن             120 بازی
 بازی های مسابقه ای       49 بازی
بازی های متفرقه                47 بازی
 بازی های محبوب

تصاویر زیبا سازی وبلاگ

لینک ها
بک لینک شما در این مکان

کلیه حقوق متعلق به سایت نایت اسکین می باشد © Night-Skin.com 2004-2013