HTML DOM Input Email Object

‎شئInput Email ـ فيلد ورودي ايميل

‎شئInput Email منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Email داراي ويژگي type="email" ‎باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار ‎"text‎"‎ميباشد .

‎دسترسي به شئInput Email

‎مثال ـ دسترسي به شئInput Email باid="myEmail‎"‎

var x = document.getElementById("myEmail");

‎ايجاد شئInput Email

‎با متد‎document.createElement()‎‎ ميتوان شئInput Email را ايجاد نمود. ‎بعبارتي ميتوان عنصر‎<input>‎ را با ويژگيtype="email‎"‎ ايجاد كرد. ‎اين نوع فيلد براي فرمت ورودي ايميل ميباشد.

‎مثال ـ ايجاد شئ

var x = document.createElement("INPUT");
x.setAttribute("type", "email");

‎ويژگي هايInput Email Object

‎ويژگي	‎شرح
autocomplete	‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد . ‎ويژگي تكميل خودكار شئInput Email كه اگر ‎"ON‎"‎باشد، فيلد راازمقدارقبلي تكميل ميكند .
autofocus	‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue	‎مقدار پيش فرض فيلد تاريخ راتنظيم ويا برميگرداند. ‎الگوي رفتاري دو ويژگيdefaultValue و value براي عناصر مرتبط يكسان است . ‎نمونه اي ارآن در لينكdefaultValue
disabled	‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form	‎ويژگيform مشخص ميكند كه فيلد ورودي ايميل ، متعلق بكدام عنصرفرم است.
list	‎فهرستي از عنصر‎<datalist>‎ كه شامل ليستي ازفيلد ايميل است برگشت ميدهد.
maxLength	‎حداكثر تعداد كراكتر را در فيلد ورودي ايميل مشخص ميكند.
multiple	‎اين ويژگي مشخص ميكند كه ميتوان بيش از يك ايميل وارد نمود.
name	‎ويژگيname نامي را براي ورودي فيلد ايميل مشخص ميكند.
pattern	‎ويژگي فوق الگوئي را براي فيلد وردي ايميل مشخص ميكند.
placeholder	‎توضيح كوتاهي براي فيلد ايميل مشخص ميكند. ‎متن كوتاه قبل از واردكردن ايميل در آن فيلد قرار ميگيردو با شروع وارد نمودن پاك ميشود.
readonly	‎مشخص ميكند كه فيلد ايميل فقط خواندني است
required	‎مشخص ميكند كه فيلد ورودي ضروري است وبايد تكميل شود.
size	‎اندازه فيلد ايميل را برحسب تعداد كراكتر مشخص ميكند.
type	‎ويژگيtype نوع عنصر ورودي را مشخص ميكند . type="email‎"‎برايInput Email
value	‎مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي شئInput Email
‎متد	‎شرح
select()	‎يك فيلد متني ايميل را انتخاب ميكند ‎متد فوق براي اكثر فيلد هاي متني كاربرد دارد .وعمل آن فوكوس فيلد از طريق جاوااسكريپت است.

‎ويژگيInput Email multiple

‎ويژگيInput Email multiple مقدار ويژگيmuliple عنصر‎<input>‎ مرتبط با شئ Input Email‎را ‎تنظيم ويا برگشت ميدهد .اين ويژگي امكان بيش ازيك ايميل را براي فيلد ايميل مشخص ‎ميكند، كه شئInput Email نمايانگر فيلد ورودي ايميل ميباشد .

‎هنگاميكه ويژگيmultiple=true باشد ميتوان در فيلد ورودي ايميل بيشتر ار يك ايميل وارد ‎نمود، درغير اينصورت فقط يك ايميل ميتوان وارد نمود.

‎مثال ـ بررسي پذيرش چند ايميلي براي فيلد ورودي ايميل

var x = document.getElementById("myEmail").multiple;

‎نكته ـ ايميل ها براي ارسال در فليد ايميل بايد با كاما تفكيك شوند.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.multiple

‎فرمت تنظيم ويژگي
emailObject.multiple=true | false

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

true | false ‎مشخص ميكند كه چند ايميلي در فيلد ورودي مجاز است ياخير

true‎ـ فيلد ايميل جند ايميلي را مي پذيرد .

false‎ـفيلد ايميل چند ايميلي را نمي پذيرد .

‎مثال ـ تنظيم فيلد ايميل براي پذيرش چند ايميلي

document.getElementById("myEmail").multiple = true;

<!DOCTYPE html> <html> <body> <form action="/action_page.php"> E-mail: <input type="email" id="myEmail" name="usremail"> <input type="submit"> </form> <p>Click the "Try it" button to allow multiple values (emails) for the email field on form submission.</p> <p><strong>Tip:</strong> Try to type in more than one email before and after you have clicked on the "Try it" button. Separate each email with a comma, like: mail@example.com, mail2@example.com.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myEmail").multiple = true; document.getElementById("demo").innerHTML = "The email field now accept multiple values."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Email pattern

‎ويژگيInput Email pattern مقدار ويژگيpattern عنصر‎<input>‎ مرتبط با شئ Input Email‎را ‎تنظيم ويا برگشت ميدهد .اين ويژگي الگوي وارد نمودن ايميل را براي فيلد ايميل مشخص ‎ميكند، كه شئInput Email نمايانگر فيلد ورودي ايميل ميباشد .

‎ويژگيpattern يك عبارت منظم ‎(regular xpression)‎ را براي فيلد ورودي ايميل مشخص ‎ميكند، كه مقدار فيلد ايميل در مقابل آن بررسي ميشود.

‎مثال ـ دريافت عبارت منظم فيلد ورودي ايميل

var x = document.getElementById("myEmail").pattern;

<!DOCTYPE html> <html> <body> <p>A form with an email field that that must be in the following order: characters@characters.domain (characters followed by an @ sign, followed by more characters, and then a ".". After the "." sign, you can only write 2 to 3 letters from a to z:</p> <form action="/action_page.php"> E-mail: <input type="email" id="myEmail" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> <input type="submit"> </form> <p>Click the "Try it" button to display the value of the pattern attribute of the email field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").pattern; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.pattern

‎فرمت تنظيم ويژگي
emailObject.pattern=regexp

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

regrep ‎عبارت تنظيمي براي فيلد ايميل مشخص ميكند، كه مقدار ايميل باآن بررسي ميشود.
.مراجعه كنيد HTML pattern Attributeبراي اطلاعات بيشتر به لينك

‎ويژگيInput Email size

‎ويژگيInput Email size مقدار ويژگيsize عنصر‎<input>‎ مرتبط با شئ Input Email‎را ‎تنظيم ويا برگشت ميدهد .اين ويژگي عرض فيلد ايميل را برحسب تعداد كراكتر مشخص ‎ميكند، كه شئInput Email نمايانگر فيلد ورودي ايميل ميباشد . مقدار پيش فرض آن ‎20‎كراكتر است .

‎نكته ـ براي فيلد ورودي كد رمز‎(input password)‎ از ويژگي maxlength استفاده كنيد .

‎مثال ـ تغيير عرض فيلد ايميل

document.getElementById("myEmail").size = "50";

<!DOCTYPE html> <html> <body> E-mail: <input type="email" id="myEmail"> <p>Click the button to set the width of the email field.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { document.getElementById("myEmail").size = "50"; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.size

‎فرمت تنظيم ويژگي
emailObject.size=number

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

number ‎عرض فيلد ورودي ايميل را برحسب كراكتر مشخص ميكند .پيش فرض آن‎20 است .

‎مثال ـ نمايش عرض فيلد ورودي ايميل برحسب تعداد كراكتر

var x = document.getElementById("myEmail").size;

<!DOCTYPE html> <html> <body> E-mail: <input type="email" id="myEmail" size="30"> <p>Click the button to return the value of the size attribute of the email field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").size; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Email value

‎ويژگيInput Email value مقدار ويژگيvaue عنصر‎<input>‎ مرتبط با شئ Input Email‎را ‎تنظيم ويا برگشت ميدهد .اين ويژگي مشخص كننده ايميل در فيلد ورودي ايميل مي ‎باشد، كه شئInput Email نمايانگر فيلد ورودي ايميل است.

‎ويژگيvalue مشخص كننده ايميل پيش فرض ويا ايميلي كه كاربر در فيلد ايميل وارد ميكند .مقدار ‎ويژگي ميتواند يك آدرس ايميل باشد، يا چندين آدرس ايميل .تعدد آدرس ايميل بستگي به ويژگي multiple‎دارد ، كه اگر true باشد، چند ايميلي امكان پذيراست .

‎مثال ـ تغيير آدرس ايميل با جاوااسكريپت

document.getElementById("myEmail").value = "steve@w3schools.com";

<!DOCTYPE html> <html> <body> E-mail: <input type="email" id="myEmail" value="johndoe@example.com"> <p>Click the button to change the email address of the email field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myEmail").value = "steve@w3schools.com"; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.value

‎فرمت تنظيم ويژگي
emailObject.value=text

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

text ‎مشخص كننده يك آدرس ايميل ويا ليستي از ايميل ها.
‎درصورت چند ايميلي ، ايميل ها با كاما تفكيك ميشوند.

‎مثال ـ دريافت آدرس ايميل ها از يك فيلد ايميل

var x = document.getElementById("myEmail").value;

<!DOCTYPE html> <html> <body> E-mail: <input type="email" id="myEmail" value="johndoe@example.com"> <p>Click the button to display the email address of the email field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎شئInput Email از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Email Object

‎شئInput Email ـ فيلد ورودي ايميل

‎دسترسي به شئInput Email

--(go to editor for change code and run)

‎ايجاد شئInput Email

--(go to editor for change code and run)

‎ويژگي هايInput Email Object

‎ويژگيInput Email multiple

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.multiple

‎فرمت تنظيم ويژگي
emailObject.multiple=true | false

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Email pattern

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.pattern

‎فرمت تنظيم ويژگي
emailObject.pattern=regexp

‎مقادير ويژگي ـProperty Values

‎ويژگيInput Email size

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.size

‎فرمت تنظيم ويژگي
emailObject.size=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Email value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
eailObject.value

‎فرمت تنظيم ويژگي
emailObject.value=text

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Email Object

‎شئInput Email ـ فيلد ورودي ايميل

‎دسترسي به شئInput Email

--(go to editor for change code and run)

‎ايجاد شئInput Email

--(go to editor for change code and run)

‎ويژگي هايInput Email Object

‎ويژگيInput Email multiple

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي eailObject.multiple

‎فرمت تنظيم ويژگي emailObject.multiple=true | false

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Email pattern

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي eailObject.pattern

‎فرمت تنظيم ويژگي emailObject.pattern=regexp

‎مقادير ويژگي ـProperty Values

‎ويژگيInput Email size

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي eailObject.size

‎فرمت تنظيم ويژگي emailObject.size=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Email value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي eailObject.value

‎فرمت تنظيم ويژگي emailObject.value=text

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
eailObject.multiple

‎فرمت تنظيم ويژگي
emailObject.multiple=true | false

‎فرمت برگشت ويژگي
eailObject.pattern

‎فرمت تنظيم ويژگي
emailObject.pattern=regexp

‎فرمت برگشت ويژگي
eailObject.size

‎فرمت تنظيم ويژگي
emailObject.size=number

‎فرمت برگشت ويژگي
eailObject.value

‎فرمت تنظيم ويژگي
emailObject.value=text