برچسب Input
پنج شنبه 17 اردیبهشت 1394 4:35 PMتعریف و کاربرد
برچسب input شروع یک فیلد ورودی را نشان می دهد که کاربر می تواند داده های خود را تعریف کند.
تفاوت بین HTML و XHTML
در HTML برچسب input برچسب پایانی ندارد.
در XHTML برچسب input باید برچسب پایانی داشته باشد.
نکات:
برچسب input خالی است و فقط حاوی موجودیت هاست.
برای ساخت یک برچسب از label استفاده کنید.
مثال
| منبع | خروجی |
|---|---|
|
<form action="form_action.asp" method="get"> First name: <input type="text" name="fname" value="Mickey" /> <br /> Last name: <input type="text" name="lname" value="Mouse" /> <br /> <input type="submit" value="Submit" /> </form> <p dir=rtl> اگر شما روی دکمه "submit" کلیک کنید شما ورودی های خود را به یک صفحه جدید به نام form_action.asp خواهید فرستاد. </p> |
First name: Last name: اگر شما روی دکمه "submit" کلیک کنید شما ورودی های خود را به یک صفحه جدید به نام form_action.asp خواهید فرستاد. |
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
| موجودیت | مقدار | توضیحات | DTD |
|---|---|---|---|
| accept | list_of_mime_types |
A comma-separated list of MIME types that indicates the MIME type of the file transfer.
فقط با "type="file استفاده می شود. |
STF |
| align |
left right top texttop middle absmiddle baseline bottom absbottom |
چیدمان متن زیر تصویر را مشخص می کند.
"with type="image |
TF |
| alt | text |
یک متن برای تصویر معرفی می کند.
فقط برای "type="image استفاده می شود. |
STF |
| checked | checked |
مشخص می کند که عنصر باید در اولین باری که صفحه بارگیری می شود انتخاب شده باشد.
فقط با "type="checkbox و "type="radio استفاده می شود. |
STF |
| disabled | disabled |
عنصر ورودی را دراولین باری که بارگیری می شودغیر فعال می کند. بنابراین کاربر نمی تواند در آن متنی وارد کند یا آن را انتخاب کند.
نمی تواند با "type="hidden استفاده شود. |
STF |
| maxlength | number |
Defines بیشترین تعداد کاراکتری که اجازه دارد در فیلد متنی قرار بگیرد.
فقط با "type="text استفاده می شود. |
STF |
| name | field_name |
برای عنصر ورودی یک نام یکتا درنظر می گیرد.
این موجودیت برای type="button", type="checkbox", type="file", type="hidden", type="image", type="password", type="text", and "type="radio مورد نیاز است. |
STF |
| readonly | readonly |
مشخص می کند که محتوای این فیلد قابل تغییر نیست.
فقط برای "type="text استفاده می شود. |
STF |
| size | number_of_char |
اندازه عنصر ورودی را مشخص می کند.
نمی تواند برای "type="hidden استفاده شود. |
STF |
| src | URL |
URL تصویری راکه نشان داده می شود را مشخص می کند.
فقط برای "type="image استفاده می شود. |
STF |
| type |
button checkbox file hidden image password radio reset submit text |
نوع عنصر ورودی را مشخص می کند.. عنصر پیش فرض "text" است. این یک موجودیت مورد نیاز نیست، اما ما فکر می کنیم شما باید آن را قرار دهید.. اگر از قلم بیفتد ie 5.5 یک فیلد متنی نشان خواهد داد اما Netscape نه. |
STF |
| value | value |
متن روی دکمه را مشخص می کند.
یک نتیجه نمادین برای فیلدی که به script پاس داده می شود معرفی می کند. نتیجه عناصر ورودی وقتی کلیک می شوند را مشخص می کند. نتیجه به URL صفحه action ارسال می شود. مقدار پیش فرض آن فیلد را معرفی می کند نمی تواند با "type="file استفاده شود. این موجودیت برای type="checkbox" and "type="radio مورد نیاز است. |
STF |
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
tabindex, accesskey, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup