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

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

rss rss rss

تبلیغات رپورتاژ



پنل اس م اس رایگان

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

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

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

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

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

ما با استفاده از تگ <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



 

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

بازی آنلاین 660 بازی
بازی های دخترانه 16 بازی
بازی های ورزشی 97 بازی
بازی های تیراندازی 124 بازی
بازی های فکری 209 بازی
بازی های اکشن 126 بازی
بازی های مسابقه ای 50 بازی
بازی های متفرقه 38 بازی
بازی های محبوب

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

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