تگ < 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 | مقدار |
اين خاصيت برای کنترل های مختلف ، حالت های زير را دارد :
|
| 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> |
کد |
| خروجی | |