شئInput Text منتسب با يك عنصرHTML <input> ميباشد .با شئ فوق ميتوان عنصرHTML <input> صفحه را بصورت اقدامات شئ گرائي مديريت كرد.
بايد عنصر<input> مرتبط با شئInput Text داراي ويژگيtype="text" باشد .مقدار پيش فرض ويژگيtype براي عنصرinput مقدار"text" ميباشد. شئInput Text يك فيلد ورودي متني را نمايندگي ميكند.
مثال ـ دسترسي به شئInput Text باid="myText"
var x = document.getElementById("myText");
با متدdocument.createElement() ميتوان شئInput Text را ايجاد نمود .بعبارتي ميتوان عنصر<input> را با ويژگيtype="text" ايجاد كرد.
مثال ـ ايجاد شئInput Text
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
| ويژگي | شرح |
|---|---|
| autocomplete | مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد .
ويژگي تكميل خودكار شئInput Text |
| autofocus | ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود. |
| defaultValue | مقدار پيش فرض فيلد ورودي متني راتنظيم ويا برميگرداند. |
| disabled | وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد. |
| form | ويژگيform مشخص ميكند كه فيلد ورودي متني ، متعلق بكدام عنصرفرم است.
درصورتيكه فيلد اولاد فرمي باشد تنظيم اين ويژگي ضرورت ندارد. |
| list | فهرستي از عنصر<datalist> كه شامل ليستي ازفيلد هاي متني است را برگشت ميدهد. |
| maxlengh | تعداد حداكثر كراكترهاي فيلد را مشخص ميكند. |
| name | ويژگيname نامي را براي فيلدورودي مشخص ميكند. |
| pattern | . يك الگوي منظم براي فيلد ورودي متني مشخص ميكندpattern ويژگي |
| placeholder | مقدارويژگي مكان نما را براي فيلد ورودي متني مشخص ميكند.
بمحض وارد نمودن متن درفيلد، متن مكان نما محو ميشود. |
| readonly | مشخص ميكند كه فيلد فقط خواندني است |
| required | مشخص ميكند كه فيلد ضروري است وبايد تكميل شود. |
| size | ويژگيsize عرض فيلد ورودي را برحسب تعداد كراكتر مشخص ميكند .
اين ويژگي محدوديتي براي تعداد كراكتر وارد شده ايجاد نمي كند. |
| type | ويژگيtype نوع عنصر ورودي را مشخص ميكند .
type="text"برايInput Text كه پيش فرض هم ميباشد . |
| value | مقدار ويژگيvalue مشخص كننده محتوي فيلد ورودي ميباشد. |
متدهاي شئ فوق مشابه متدهاي شئInput Search ميباشند، كه مطابق جدول زيرند .
| متد شرح | |
|---|---|
| blur() | فوكوس را از فيلد رها ميكند. |
| focus() | فيلد متني را فوكوس ميكند. |
| select() | محتوي فيلد را انتخاب يامارك ميكند |