موضوع

تگ < input > :

تگ < input > برای ساختن انواع کنترل های HTML از قبيل کادر های متن ، ليست های بازشو ، دکمه های فرمان و انتخابی و ... درون فرم ها استفاده می شود . نوع کنترل توسط خاصيت Type در درون تگ input مشخص می شود .

نکته : تگ < input > بايد در درون تگ < form > استفاده شود . شکل کلی تعريف يک کنترل به صورت زير است :

< input type ="نوع کنترل" name="يک نام منحصر به فرد" > مثال : < input type =" text " name=" txtname " >

خواص مهم تگ input
خاصيت نوع شرح
accept  
يک ليست از مجموعه قابل قبول برای اين کنترل است ، که سرور پردازش کننده فرم آنها را قبول می کند .هر يک از اين مقادير به وسيله يک کاما از هم جدا می شوند .
alt Text
متن
يک متن جايگزين را در صورت عدم نمايش کنترل توسط مرورگر ، نمايش می دهد .
checked checked مشخص می کند که اگر کنترل مورد نظر يک دکمه انتخابي ( radio button يا chechbox ) باشد ، به صورت پيش فرض انتخاب شده باشد يا خير .
disabled disabled چنانچه مقدار اين خاصيت بر روی disabled تنظيم شده باشد ، آن کنترل غير فعال بوده و کاربر عملا امکان استفاده از آن را نخواهد داشت .
نکته : با کنترل از نوع hidden به کار نمی رود .
maxlength عدد
number
جنانچه کنترل مورد نظر يک کادر متن ( textbox ) باشد ، حداکثر تعداد کاراکترهايی که می توان در آن کنترل وارد کرد را تعيين می کند .
name name
نام
يک نام منحصر به فرد برای کنترل در فرم در صفحه تعيين می کند .
نکته : تعيين و مقدار دهی اين خاصيت برای کنترل های button , checkbox , file , hidden , image , password , text و radio ضرروی است .
readonly readonly در اين حالت کنترل به صورت فقط خواندنی در می آيد . در صورتی که مقدار اين خاصيت برابر readonly تنظيم شده باشد ، کاربر مجاز به تغيير متن درون کادرهای متني ( textbox ) و يا تغيير وضعيت دکمه های انتخابی ( checkbox يا radiobutton ) نخواهد بود .
size عدد
تعداد کارکتر
سايز و اندازه کاراکترهای کنترل را تعيين می کند .
src URL
مسير فايل
اين خاصيت فقط در مورد کنتزل image به کار رفته و مسير عکس کنترل را مشخص می کند .
type button
checkbox
file
hidden
image
password
radio
reset
submit
text
اين خاصيت نوع کنترل را تعيين می کند که يکی از اين موارد زير می تواند باشد :
button : دکمه فرمان .
checkbox : کادر يا دکمه گزينشی .
file : يک فايل خارجی مثل يک صفحه اينترنتی و ... .
hidden : يک کنترل مخفی دلخواه را بر روی صفحه ايجاد می کند .
image : يک کنترل برای نمايش عکس يا تصوير ايجاد می کند .
password : يک کادر متن است که به جای نمايش اعداد يا حروف وارد شده ، ستاره يا دايره نمايش می دهد تا اطلاعات ورودی توسط کاربر مخفی بماند .
radio : دکمه انتخابی .
reset : يک دکمه فرمان است که با کليک بر روی آن ، محتويات درون کليه کنترل های فرم پاک می شود .
submit : يک دکمه فرمان است که با کليک بر روی آن ، اطلاعات درون کنترل های فرم به مقصد ارسال می شود .
text : يک کادر متن ايجاد می کند .
value مقدار اين خاصيت برای کنترل های مختلف ، حالت های زير را دارد :
  • در دکمه فرمان ها ( button , reset buttons , submit buttons ) :
    متن روی دکمه فرمان را تعيين می کند .
  • در تصاوير ( images ) :
    مقداری که در هنگام ارسال اطلاعات فرم به جای مقدار عکس می نشيند .
  • در دکمه های انتخابی ( radio buttons , checkbox ) :
    مقداری است که در صورت انتخاب کردن ( تيک زدن ) دکمه انتخابی در هنگام ارسال اطلاعات فرم به عنوان مقدار آن کنترل ارسال می شود .
  • در کادرهای متن يا کنترل های مخفی( textbox , password , hidden ) :
    مقدار پيش فرض کنترل را تعيين می کند .
نکته : اين خاصيت با کنترل file به کار نمی رود .
Example
< form action="http://www.limanza.com" method="post" >
  1Name : < input type="text" name="txtname" / > <br />
   Family : < input type="text" name="txtfamily" /> <br />
  4Password : < input type="password" name="txtpass" / > <br />

  2Gender : <br />
   Male < input type="radio" name="gender" value="male" / >
   Female < input type="radio" name="gender" value="female" / > <br />

  2List of Lessons : <br />
   Visual Basic < input type="checkbox" name="VB" disabled="disabled" checked="checked" / >
   Visual C# < input type="checkbox" name="C#" / >
   ASP.NET < input type="checkbox" name="asp" / >
   SQL Server < input type="checkbox" name="sql" /><br / >

  3< input type="reset" name="cmdreset" value="Reset the Form" / > <br />
   < input type="submit" name="cmdsubmit" value="Send Information" / > <br />

</form>
کد
Name :
Family :
Password :
Gender :
Male Female
List of Lessons :
Visual Basic Visual C# ASP.NET SQL Server


خروجی

 

Copyright 2014. All rights reserved.