تگ وروديHTML <input> Tag -
Previous > <Nextمتال ـ فرمHTML با سه فيلد ورودي ، دو فيلدمتني ويك دكمه تائيد .
<form action="/action_page.php"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last name:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit"> </form>
تعريف وكاربردDefinition and Usage -
تگ<input> فيلد ورودي را معرفي ميكند، جائيكه كاربر درآن ميتواند اطلاعات وارد نمايد.
عنصر<inout> يك از مهمترين عناصر فرم ميباشد .عنصر مذكور باتوجه به ويژگي typeبفرمتهاي مختلفي نمايان ميشود .
انواعinput هاي مختلف مطابق زيرند .
-
- <input type="button">
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="hidden">
- <input type="image">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="reset">
- <input type="search">
- <input type="submit">
- <input type="tel">
- <input type="text
- <input type="time
- <input type="url">
- <input type="wweek
نكته وتوجه ـ هميشه برچسب<label>را براي ورودي نوع text,checkbox , radio و passwordبكارببريد .
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <input> | Yes | Yes | Yes | Yes | Yes |
ويژگي هاAttributes -
| ويژگي | مقدار | شــرح |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | نوع فيلترينگ را براي كادر محاوره اي مشخص ميكند.برايtype="file" |
| alt | text | متن جايگزين براي تصويررا مشخص ميكند .برايtype="image" |
| autocomplete | on off | براي عنصر ورودي وضعيت تكميل خودكار را مشخص ميكند. |
| autofocus | autofocus | مشخص ميكند به محض بارگذاري صفحه برورودي فوكوس شود. |
| checked | checked | مشخص مكيند كه انتحاب قبلي در بارگذاري ظاهر شود .براي نوع"checkbox"و "radio" |
| dirname | inputname.dir | جهت متن ارسالي را مشخص ميكند. |
| disabled | disabled | ورودي را غير فعال ميكند |
| form | form_id | مشخصه ياid فرم را براي ورودي مشخص ميكند . |
| formaction | URL | آدرس صفحه دريافت كننده وپردازشگر داده بسمت سرور را مشخص ميكند .براي نوع"submit"و"image" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | نحوي رمزگذاري داده ها را هنگام ارسال بسمت سرور را مشخص ميكند .براي نوع"submit","image" |
| formmethod | get post | تعريف متدHTTP براي ارسال داده به صفحه پردازشگر action براي نوع ."submit", "image" |
| formnovalidate | formnovalidate | براي عنصر فرم مشخص ميكند كه هنگام ارسال اعتبار سنجي نشود. |
| formtarget | _blank _self _parent _top framename | مشخص ميكند كه نتايج دريافتي ارسال داده كجا نمايش داده شود .براي نوع"submit", "image" |
| height | pixels | ارتفاع عنصر ورودي را مشخص ميكند |
| list | datalist_id | براي فيلد ورودي مقاديري از پيش تعريف ميكند، كه درهنگام فعال شدن ورودي به آن مراجعه ميشود. |
| max | number date | ماكزيمم مقدار را براي عنصر ورودي مشخص ميكند. |
| maxlength | number | حداكثر تعداد كراكتر را براي عنصر ورودي مشخص ميكند. |
| min | number date | حداقل مقدار عنصر ورودي را مشخص ميكند. |
| minlength | number | حداقل تعداد كراكتر لازم عنصر ورودي رامشخص ميكند. |
| multiple | multiple | وضعيت چند مقداري را براي عنصر ورودي مشخص ميكند. |
| name | >text | نام عنصر ورودي را مشخص ميكند. |
| pattern | regexp | عبارت تنظيمي را مشخص ميكند،كه مقدارعنصر باآن تنظيم ميشود. |
| placeholder | text | نكته كوتاهي براي توجه به مقدار مورد نظر مشخص ميكند. |
| readonly | readonly | مشخص ميكند كه عنصر ورودي فقط. خواندني است |
| required | required | مشخص ميكند كه فيلد قبل از ارسال بايد تكميل شود. |
| size | number | طول فيلد ورودي را بر حسب كراكتر مشخص ميكنذ. |
| src | URL | آدرسurl تصوير را مشخص ميكند .براي نوع "image" |
| step | number any | |
| type | button checkbox color date dtaetime-local file hidden image month number password radio range reset serch submit tel text time url week | نوع عنصر ورودي كه نمايش داده ميشود، مشخص ميكند. |
| value | text | مقدار فيلد ورودي را مشخص ميكند. |
| width | pixels | عرض عنصر ورودي را مشخص ميكند .فقط براي نوع"image" |
ويژگي هاي جهانيGlobal Attributes -
تگ<input> از ويژگي هاي جهانيHTML پيروي ميكند.
ويژگي هاي رويداديEvent Attributes -
ندارد.
تنظيمات پيش فرضDefault CSS Settings -
اغلب مرورگرها نمايش عنصر<dt> مطابق تنظيمات پيش فرضي زيرانجام ميدهند .
مرجع كامل تگهايHTML
مرجع كامل ويژگيهايHTML
Previous > <Next