HTML DOM Button Object Properties

Button Object Properties ويژگي هاي شئ دكمه ـ

ويژگي هاي شي دكمه

‎شئ دكمه‎(Button Object)‎ كه توسط امكانات جاوااسكريت ايجادويا قابل دسترسي ‎است، داراي ويژگي هاي خاص بوده كه توسط جاوااسكريت بسادگي مطابق الگوي شئ گرائي قابل تنظيم ‎بوده ويا قابل دسترسي است .اين اشياء نماينده هاي عنصر‎HTML <button> tag‎ ‎ميباشد.، و درصفحه ميتوان توسط جاوااسكريپت مديريت نمود.

‎ويژگي هاي شئ دكمه ـButton Object Properties

‎ويژگي	‎شرح
autofocus	‎فوكوس شدن خودكار دكمه را درصفحه تنظيم ويا برگشت ميدهد.
disabled	‎وضعيت فعال بودن دكمه را تنظيم ويابرگشت ميدهد.
form	‎فرم مربوط به دكمه را برگشت ميدهد.
formAction	‎مقدار ويژگيformAction دكمه را تنظيم ويابرگشت ميشود .
formEnctype	‎مقدارويژگيformEntype دكمه راتنظيم يابرگشت ميدهد .
formMethod	‎ويژگيformMethod دكمه راتنظيم ويابرگشت ميدهد .
formNoValidate	‎ويژگيformNoValidate دكمه راتنظيم ويابرگشت ميدهد.
formTarget	‎ويژگيformTarget دكمه راتنظيم ويابرگشت ميدهد .
name	‎ويژگيname دكمه راتنظيم ويابرگشت ميدهد .
type	‎ويژگيtype دكمه راتنظيم ويابرگشت ميدهد .
value	‎ويژگيvalue دكمه راتنظيم ويابرگشت ميدهد .

‎ويژگيButton autofocus

‎ويژگي فوكوس خودكارشئbutton را تنظيم ويا برگشت ميدهد، كه آيا يك دكمه بايد بطور خودكار ‎بارگيري صفحه، فوكوس شود يا خير .اين ويژگي منعكس كننده ويژگيautofocus عنصر HTML ‎<button>‎متناضر آن شئ است .

‎توجه ـ ويژگي فوكوس خودكار براي عنصر‎<button>‎ جديداست .

‎مثال ـ بررسي ميشود كه دكمه درهنگام بارگيري صفحه بصورت خودكار دريافت شود.

var x = document.getElementById("myBtn").autofocus;

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

‎برگشت ويژگيautofocus
buttonObject.autofocus

‎تنظيم ويژگيAutofocus
buttonObject.autofocus=true |false

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

‎ويژگي	‎شرح
autofocus	‎مشخص ميكند كه آيا يك دكمه بايد هنگام بارگيري صفحه فوكوس شود يانه true‎ـ دكمه فوكوس ميشود false‎ـ پيش فرض و دكمه داراي فوكوس نيست

‎صفحات مرتبط

HTML autofocus

‎ويژگيButton disabled

‎ويژگيButton disabled براي فعال ويا غير فعال نمودن عنصر HTML ‎<button>‎ ‎استفاده ميشود .يك عنصرغير فعال ،غيرقابل استفاده وغيرقابل كليك است .معمولا آنها توسط ‎مرورگرها بارنگ خاكستري نمايش داده ميشوند.

‎مثال ـ غير فعال نمودنbutton

document.getElementById("myBtn").disabled = true;

‎اين ويژگي منعكس كننده ويژگيdisabled عنصرHTML ‎<button>‎ است .

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

‎برگشت ويژگيdisabled
buttonObject.disabled

‎تنظيم ويژگيdisabled
buttonObject.disabled=true |false

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

‎ويژگي	‎شرح
disabled	‎مشخص ميكند كه آيا يك دكمه بايد فعال باشد ياخير true‎ـ دكمه غير فعال ميشود false‎ـ دكمه فعال ميشود .پيش فرض ويژگي

‎مثال ـ بررسي فعال يا غير فعاليتbutton

var x = document.getElementById("myBtn").disabled;

‎صفحات مرتبط

HTML disabled Property

‎ويژگيButton form

‎ويژگيButton form فرمي را كه دكمه به آن متصل است مشخص ميكند .مقدار ويژگي شناسه فرمي ‎كه دكمه به آن متصل است .ويژگيButton form يك شئ فرم را درصورت موفقيت برميگرداند .

‎اين ويژگي فقط خواندني است.

‎مثال ـ شناسه فرمي را كه دكمه به آن تعلق دارد برميگرداند.

var x = document.getElementById("myBtn").form.id;

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

buttonObject.form

‎مقدار برگشتيReturn Value :

‎ارجاع به فرم حاوي دكمه .اگر دكمه درفرم نبوده وبه آن متصل نباشد، مقدارnull برگشت ميشود . ‎درصورت موفقيت يك شئ فرم برگشت ميشود.

‎ويژگيButton formAction

‎ويژگيformActon مقدار ويژگي formAction شئ دكمه اي را تنظيم يابرگشت ميدهد .

‎ويژگي فوق مشخص ميكند كه هنگام ارسال فرم، داده ها به كجا بايدارسال شود .اين ويژگي ‎ويژگيaction فرم رالغو ميكند .

‎ويژگيformAction فقط براي دكمه هاي با type="submit‎"‎استفاده ميشود .

‎مثال ـ هنگام ارسال فرم، آدرس اينترنتي محل ارسال داده هاي فرم رابرگشت ميدهد.

var x = document.getElementById("myBtn").formAction;

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

‎برگشت ويژگيformAction
buttonObject.fromAction

‎تنظيم ويژگيformAction
buttonObject.fromAction =URL

‎مقادير ويژگيformAction

‎مقدار	‎شرح
URL	‎محلي كه بايد داده ها ارسال شود مشخص ميكند. ‎اين ويژگي ، ويژگيaction مربوط به عنصر ‎<form>‎ را لغوميكند . ‎مقادير ممكن: ‎يك آدرسurl مطلق ‎(href="http://www.example.com/formresuult.asp‎")‎ ‎آدرس نسبيURL ـ اشاره در سايت جاري مثل‎(href="formresult.asp‎")‎

‎مثال ـ مقدار ويژگيfromAction شئ Button راتغيير يدهد .

document.getElementById("myBtn").formAction = "/action_page2.php";

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

‎مثال ـ مقدار ويژگيformAction دكمه برگشت ميشود .

var x = document.getElementById("myBtn").formAction;

<!DOCTYPE html>
<html>
<body>

<p>This example contains a form with two submit buttons. The first submit button submits the form data to "/action_page.php", and the second submits to "/action_page2.php":</p>

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname" value="Donald"><br>
  Last name: <input type="text" name="lname" value="Duck"><br>
  <button type="submit">Submit</button><br>
  <button id="myBtn" type="submit" formaction="/action_page2.php">Submit to another page</button>
</form>

<p>If you click on the submit buttons above, notice that the formaction attribute overrides the HTML form's action attribute.</p>

<p>Click the "Try it" button to return the value of the formaction attribute of the second submit button above.</p>

</body>
</html>

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

‎صفحات مرتبط

HTML formAction Auttribute

‎ويژگيButton fromEnctype

‎ويژگيButton formEnctype مقدار ويژگي formEnctype دكمه اي راتنظيم ويا برگشت ميدهد . ‎اين ويژگي نحوي رمزگذاري داده ها قبل از ارسال به سرورمشخص ميكند .ويژگي فوق همچنين ويژگي Enctype‎مروط فرم مرتبط را لغو ميكند .

‎ويژگيformEnctype فقط براي دكمه هائي با type="submit‎"‎ميباشد .

‎توجه ـ ويژگيformEnctype براي عنصر‎<button>‎ درHTML5 جديد ميباشد.

‎مثال ـ روش رمزگذاري داده ها رابرگشت ميدهد.

var x = document.getElementById("myBtn").formEnctype;

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

‎برگشت ويژگيformEnctype
buttonObject.fromEnctype

‎تنظيم ويژگيformEnctype
buttonObject.fromEnctype =URL

‎مقادير ويژگيformEnctype

‎مقدار	‎شرح
application/x- www-form- urlencoded	‎همه كراكترها قبل از ارسال رمزگذاري ميشوند .اين پيش فرض است.
multipart/form- data	‎هيچ كراكتري رمزگذاري نميشود. ‎اين براي فرم هاي داراي فايل آپلودي هستند لازم است.
text/plain	‎بلنك ها به علامت‎‎"+‎"‎ تبديل ميشوند .اما كراكتر هاي خاص كدگذاري نميشوند .

‎مثال ـ تغيير مقدار ويژگيformEnctype يك دكمه از‎‎"text/plain‎"‎ به "application/x-www-form-urlencoded"

document.getElementById("myBtn").formEnctype = "application/x-www-form-urlencoded";

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

‎مثال ـ مقدار ويژگيformEnctype رابرگشت ميدهد .

var x = document.getElementById("myBtn").formEnctype;

<!DOCTYPE html>
<html>
<body>

<p>This example contains a form with two submit buttons. The first submit button submits the form data with default character encoding, and the second submits the form data without character encoding:</p>

<form action="/action_page_binary.asp" method="post">
  Name: <input type="text" name="fname" value="Stهle Refsnes"><br>
  <button type="submit">Submit with character encoding</button>
  <button id="myBtn" type="submit" formenctype="text/plain">Submit without character encoding</button>
</form>

<p>If you click on the submit buttons above, notice that the formenctype attribute overrides the HTML form's enctype attribute (default is "application/x-www-form-urlencoded").</p>

<p>Click the "Try it" button to return the value of the formenctype attribute of the second submit button above.</p>

</body>
</html>

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

‎صفحات مرتبط

HTML <button>

‎ويژگيButton formMethod

‎ويژگيButton formMethod مقدار ويژگي formMethod دكمه اي راتنظيم ويا برگشت ميدهد . ‎اين ويژگي مشخص ميكند كه با كدامHTTPداده ها فرم بايد ارسال شوند .اين ويژگي ،باعث لغو ويژگي method‎فرم مرتبط ميشود .

‎ويژگيButton formMethod فقط حالت خواندني دارد . اين ويژگي براي دكمه هاي با ‎type="submit‎"‎ميتواند منظور شود .

‎مثال ـ روش ارسال داده ها را برگشت ميدهد .مقدار ويژگيformMethod

var x = document.getElementById("myBtn").formMethod;

‎داده هاي فرم را ميتوان به عنوان متغير هايURL با‎"‎ لثفmethod="يا بعنوان پستHTTP با mehod="post‎"‎ارسال. كرد .

‎نكاتي روي متد‎: ‎"get‎"‎

‎داده ها بهurl بصورت زوج ‎name/value‎ اضافه ميشوند .
‎براي ارسال فرم كد كاربر ميخواهد داده هارا نشانه گذاري كند، مورد استفاده است.
‎دراين روش روي ميزان ارسال داده محدويت وجود دارد .محدويت وابسته بمرورگرهاست.
‎با اين محدوديت مطمئن نسبت بارسال داده نباشيد .آنرا بررسي كنيد.
‎هرگز اطلاعات حساس مثل كد رمز ومشابه را بااين متد ارسال نكنيد.

‎نكاتي درمورد روش‎: ‎"post‎"‎

‎داده هاي فرم را بعنوان تراكنش پستHTTP ارسال ميكند .
‎فرم هاي ارسالي با روش‎‎"post‎"‎ قابل نشانه گذاري نيستند .
‎ايمن تر وقوي تر از متد‎‎"get‎"‎ است .
‎داراي محدوديت ميزان داده نيست.

‎توجه ـ ويژگيformMethod براي دكمه هاي ارسال در HTML5 جديد است .

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي
formMethod	Yes	10.0	Yes	Yes	Yes

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

‎برگشت ويژگيformMethod
buttonObject.fromMethod

‎تنظيم ويژگيformMethod
buttonObject.fromMethod =get |post

‎مقادير ويژگيformMethod

‎مقدار	‎شرح
get	‎داده هاي فرم را درurl بفرم زوج ‎name/value‎ اضافه ميكند ?name1=value1&name2=value2...
post	‎داده هاي فرم را بعنوان تراكنش پستHTTP ارسال ميكند .

‎مثال ـ متد ارسال داده ها را تغيير ميدهد.

document.getElementById("myBtn").formMethod = "post";

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

‎مثال ـ مثالي ديگر از برگشت مقدار ويژگيformMethod

var x = document.getElementById("myBtn").formMethod;

<!DOCTYPE html>
<html>
<body>

<p>This example contains a form with two submit buttons. The first submit button submits the form-data with method="get", and the second submits the form-data with method="post":</p>

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname" value="Donald"><br>
  Last name: <input type="text" name="lname" value="Duck"><br>
  <button type="submit">Submit</button>
  <button id="myBtn" type="submit" formmethod="post">Submit using POST</button>
</form>

<p>If you click on the submit buttons above, notice that the formmethod attribute overrides the HTML form's method attribute.</p>

<p>Click the button below to return the value of the formmethod attribute of the second submit button above.</p>

<button onclick="myFunction()">Return formmethod of the second button</button>

</body>
</html>

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

‎ويژگيButton formNoValidate

‎ويژگيButton formNoValidate تنظيم ويا برگشت ميدهد، كه آيا داده هاي فرم هنگام ارسال ‎بايد اعتبارسنجي شوند ياخير.

‎اين ويژگي براي دكمه باtype="submit‎"‎ميباشد .هنگاميكه مقدار آن true باشد، داده هاي فرم ‎هنگام ارسال اعتبار سنجي نميشوند .اما اگرمقدار ويژگيfalse باشد، ارسال همراه با اعتبارسنجي ‎داده هاي فرم است .اين حالت پيش فرض دكمه است.

‎مثال ـ بررسي وضعيت اعتبارسنجي داده هاي فرم مرتبط با دكمه

var x = document.getElementById("myBtn").formNoValidate;

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

‎برگشت ويژگيformNoValidate
buttonObject.fromNoValidate

‎تنظيم ويژگيformNoValidate
buttonObject.fromNOValidate =true |false

‎مقادير ويژگيformNoValidate

‎مقدار	‎شرح
true \| false	‎مشخص ميكند كه آيا داده هاي فرم مرتبط بايد اعتبارسنجي شود ياخير .ـ داده هاي فرم نبايد اعتبار سنجي شود true false‎ـ بايد درهنگام ارسال داده ها اعتبارسنجي شود . پيش فرض

‎مثال ـ تنظيم ويژگيformNoValidate دكمه فرم

document.getElementById("myBtn").formNoValidate = false;

‎صفحات مرتبط

HTML <button>

‎ويژگيButton formTarget

‎ويژگيButton formTarget مقدار ويژگي formTarget دكمه اي راتنظيم ويا برگشت ميدهد .اين ‎ويژگي مشخص ميكند كه نتايج فرم ارسالي كه بايد نمايش داده شود .اين ويژگي باعث لغو ويژگي target‎فرم مرتبط ميگردد .

‎ويژگيButton formTarget فقط براي دكمه هاي با type="submit‎"‎ ميباشد

‎توجه ـ اين ويژگي براي‎HTML5 <button>‎ جديد است .

‎مثال ـ محل نمايش نتايج ارسال فرم را نشان ميدهد.

var x = document.getElementById("myBtn").formTarget;

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

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي
formTarget	Yes	10.0	Yes	Yes	Yes

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

‎برگشت ويژگيformTarget
buttonObject.fromTarget

‎تنظيم ويژگيformTarget
buttonObject.fromNOValidate = "_blank" |"_self" |"_parent" |"_top" |framName

‎مقادير ويژگيformTarget

‎مقدارtarget	‎شرح
_blank	‎نتايج را در يك پنجره جديد باز و قرار ميدهد.
_self	‎نتايج را درهمان فريم مشابه قرار ميگيرد .اين مقدارپيش فرض اين ويژگي است
_parent	‎نتايج را در مجموعه فريم والدين باز وقرار ميدهد.
_top	‎نتايج را در پنجره اي كامل بازميكند وقرار ميدهد.
framename	‎نتايج رادر فريم مشخص شده قرار ميدهد.

‎مثال ـ مقدار ويژگيformTaget دكمه اي راتغيير ميدهد .

document.getElementById("myBtn").formTarget = "_self";

<!DOCTYPE html>
<html>
<body>

<p>This example contains a form with two submit buttons. The first submit button submits the form data with default target ("_self"), and the second submits the form data to a new window (target="_blank"):</p>

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname" value="Donald"><br>
  Last name: <input type="text" name="lname" value="Duck"><br>
  <button type="submit">Submit</button>
  <button id="myBtn" type="submit" formtarget="_blank">Submit to a new window/tab</button>
</form>

<p>If you click on the submit buttons above, notice that the formtarget attribute overrides the HTML form's target attribute (default is "_self").</p>

<p>Click the "Try it" button to return the value of the formtarget attribute of the second submit button above.</p>

</body>
</html>

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

‎مثال ـ مثالي ديگر براي برگشت مقدار ويژگيformTarget

var x = document.getElementById("myBtn").formTarget;

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname" value="Donald"><br>
  Last name: <input type="text" name="lname" value="Duck"><br>
  <button type="submit">Submit</button>
  <button id="myBtn" type="submit" formtarget="_blank">Submit to a new window/tab</button>
</form>

<p>If you click on the submit buttons above, notice that the formtarget attribute overrides the HTML form's target attribute (default is "_self").</p>

<p>Click the "Try it" button to return the value of the formtarget attribute of the second submit button above.</p>

</body>
</html>

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

‎ويژگيButton name

‎ويژگيButton name مقدار ويژگي نام دكمه اي را تنظيم ويابرگشت ميدهد .ويژگي فوق نامي براي ‎دكمه اي مشخص ميكند، وبراي ارجاع به داده هاي فرم پس ازارسال، يا براي مراجعه به عنصر در ‎درجاوااسكريپت استفاده ميشود.

‎مثال ـ مقدار ويژگي نام دكمه را برگشت ميدهد.

var x = document.getElementById("myBtn").name;

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

‎برگشت ويژگيname
buttonObject.name

‎تنظيم ويژگيname
buttonObject.name =name

‎مثال ـ تغيير ويژگيname دكمه اي

document.getElementById("myBtn").name = "newButtonName";

<!DOCTYPE html> <html> <body> <button id="myBtn" name="myname">My Button</button> <p>Click the buttons below to display and/or change the value of the name attribute of the button above.</p> <button onclick="display()">Display name</button> <button onclick="change()">Change name</button> <script> function display() { var x = document.getElementById("myBtn").name; alert("The name of the button is: " + x); } function change() { var x = document.getElementById("myBtn").name = "newButtonName"; alert ("The name was changed to: " + x); } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيButton type
<>‎ويژگيBotton type مقدار ويژگيtype دكمه اي را تنظيم و يا برگشت ميدهد.

‎نكته ـ هميشه ويژگيtype را براي دكمه مشخص كنيد .نوع يش فرض اينترنت اكسپلورر ‎"button‎"‎ ‎است، درصورتيكه درساير مرورگرها‎"submit‎"‎ ميباشد .

‎مثال ـ مقدار ويژگيtype را براي دكمه اي برگشت ميدهد.

var x = document.getElementById("myBtn").type;

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

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

‎برگشت ويژگيname
buttonObject.type

‎تنظيم ويژگيtype
buttonObject.name =" submit" |"button" |"reset"

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

‎مقدار ‎شرح

submit ‎دكمه رابانوع‎"submit‎"‎مشخص ميكند .
‎اين براي همه مرورگرها پيش فرض است، بجز اينترنت اكسپلورر

button ‎دكمه اي قابل كليك كردن رامشخص ميكند .پيش فرض اينترنت اكسپلورر

reset ‎دكمه اي براي تنظيم مجدد صفحه‎)‎ صفحه پاك ميشود‎(‎.

‎مثال ـ نوع دكمه را به‎"submit‎"‎تبديل ميكند

document.getElementById("myBtn").type = "submit";

<!DOCTYPE html> <html> <body> <form id="myForm" action="/action_page.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <button id="myBtn" type="button" value="Submit">Submit</button> </form> <p>The "Submit" button above will not submit the form, because of the button type (type="button" just makes the button clickable, and will not submit form-data).</p> <p>Click the "Try it" button below to change the type of the "Submit" button above from "button" to "submit".</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "submit"; document.getElementById("demo").innerHTML = "The Submit button now works as it should."; } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ تغيير نوع دكمه به‎"reset‎"‎

document.getElementById("myBtn").type = "reset";

<!DOCTYPE html> <html> <body> <form id="myForm" action="/action_page.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <button id="myBtn" type="button" value="Reset">Reset</button> </form> <p>Try to write something in the form, and then press "Reset".</p> <p>The "Reset" button will not reset the form, because of the button type (type="button" just makes the button clickable, and will not clear form-data).</p> <p>Click the "Try it" button below to change the type of the "Reset" button above from "button" to "reset".</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "reset"; document.getElementById("demo").innerHTML = "The 'Reset' button now works as it should."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيButton value

‎ويژگيButton value مقدار ويژگي value دكمه راتنظيم ويا. برگشت ميدهد .ويژگي value مقدار ‎زمينه اي رابراي دكمه مشخص ميكند.

‎مهم ـ اگر عنصرHTML ‎<button>‎را در فرمي استفاده ميكنيد، مرورگرهاي مختلف مقدار ‎متفاوتي را ارسال ميكنند .اينترنت اكسپلورر متن موجود در دكمه را ، كه درشروع وپايان دكمه ‎وجود دارد، ارسال ميكند .مابقي مرورگرها مقدارويژگيvalue دكمه را ارسال ميكنند.

‎مثال ـ مقدار ويژگيvalue دكمه اي رابرگشت ميدهد .

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

<!DOCTYPE html> <html> <body> <p>Click the button to return the value of its value attribute.</p> <button id="myBtn" value="myvalue" onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

‎برگشت ويژگيvalue
buttonObject.value

‎تنظيم ويژگيvalue
buttonObject.value =text

‎مقادير ويژگيvalue

‎مقدارvalue ‎شرح
text ‎مقدار اوليه دكمه

‎مثال ـ ويژگيvalue دكمه اي راتغيير ميدهد .

document.getElementById("myBtn").value = "newButtonValue";

<!DOCTYPE html> <html> <body> <p>Click on "My Button" to display its value attribute.</p> <button id="myBtn" name="myname" value="myvalue" onclick="alert(this.value)">My Button</button> <p>Click on "Try it" to change the value attribute of "My Button".</p> <button onclick="myFunction()">Try it</button> <p><b>Tip:</b> Click on "My Button" before and after you have clicked on "Try it".</p> <script> function myFunction() { document.getElementById("myBtn").value = "newButtonValue"; } </script> </body> </html>
--(go to editor for change code and run)

Previous > <Next

‎مقدار	‎شرح
submit	‎دكمه رابانوع‎"submit‎"‎مشخص ميكند . ‎اين براي همه مرورگرها پيش فرض است، بجز اينترنت اكسپلورر
button	‎دكمه اي قابل كليك كردن رامشخص ميكند .پيش فرض اينترنت اكسپلورر
reset	‎دكمه اي براي تنظيم مجدد صفحه‎)‎ صفحه پاك ميشود‎(‎.

HTML DOM Button Object Properties

Button Object Properties ويژگي هاي شئ دكمه ـ

ويژگي هاي شي دكمه

‎ويژگي هاي شئ دكمه ـButton Object Properties

‎ويژگيButton autofocus

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

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

‎برگشت ويژگيautofocus buttonObject.autofocus

‎تنظيم ويژگيAutofocus buttonObject.autofocus=true |false

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

‎صفحات مرتبط

‎ويژگيButton disabled

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

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

‎برگشت ويژگيdisabled buttonObject.disabled

‎تنظيم ويژگيdisabled buttonObject.disabled=true |false

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

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

‎صفحات مرتبط

‎ويژگيButton form

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

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

buttonObject.form

‎مقدار برگشتيReturn Value :

‎ويژگيButton formAction

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

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

‎برگشت ويژگيformAction buttonObject.fromAction

‎تنظيم ويژگيformAction buttonObject.fromAction =URL

‎مقادير ويژگيformAction

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

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

‎صفحات مرتبط

‎ويژگيButton fromEnctype

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

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

‎برگشت ويژگيformEnctype buttonObject.fromEnctype

‎تنظيم ويژگيformEnctype buttonObject.fromEnctype =URL

‎مقادير ويژگيformEnctype

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

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

‎صفحات مرتبط

‎ويژگيButton formMethod

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

‎پشتيباني مرورگرBrowser Support -‎

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

‎برگشت ويژگيformMethod buttonObject.fromMethod

‎تنظيم ويژگيformMethod buttonObject.fromMethod =get |post

‎مقادير ويژگيformMethod

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

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

‎ويژگيButton formNoValidate

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

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

‎برگشت ويژگيformNoValidate buttonObject.fromNoValidate

‎تنظيم ويژگيformNoValidate buttonObject.fromNOValidate =true |false

‎مقادير ويژگيformNoValidate

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

‎صفحات مرتبط

‎ويژگيButton formTarget

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

‎پشتيباني مرورگرBrowser Support -‎

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

‎برگشت ويژگيformTarget buttonObject.fromTarget

‎تنظيم ويژگيformTarget buttonObject.fromNOValidate = "_blank" |"_self" |"_parent" |"_top" |framName

‎مقادير ويژگيformTarget

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

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

‎ويژگيButton name

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

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

‎برگشت ويژگيname buttonObject.name

‎تنظيم ويژگيname buttonObject.name =name

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

‎ويژگيButton type

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

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

‎برگشت ويژگيname buttonObject.type

‎تنظيم ويژگيtype buttonObject.name =" submit" |"button" |"reset"

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

‎برگشت ويژگيautofocus
buttonObject.autofocus

‎تنظيم ويژگيAutofocus
buttonObject.autofocus=true |false

‎برگشت ويژگيdisabled
buttonObject.disabled

‎تنظيم ويژگيdisabled
buttonObject.disabled=true |false

‎برگشت ويژگيformAction
buttonObject.fromAction

‎تنظيم ويژگيformAction
buttonObject.fromAction =URL

‎برگشت ويژگيformEnctype
buttonObject.fromEnctype

‎تنظيم ويژگيformEnctype
buttonObject.fromEnctype =URL

‎برگشت ويژگيformMethod
buttonObject.fromMethod

‎تنظيم ويژگيformMethod
buttonObject.fromMethod =get |post

‎برگشت ويژگيformNoValidate
buttonObject.fromNoValidate

‎تنظيم ويژگيformNoValidate
buttonObject.fromNOValidate =true |false

‎برگشت ويژگيformTarget
buttonObject.fromTarget

‎تنظيم ويژگيformTarget
buttonObject.fromNOValidate = "_blank" |"_self" |"_parent" |"_top" |framName

‎برگشت ويژگيname
buttonObject.name

‎تنظيم ويژگيname
buttonObject.name =name

‎برگشت ويژگيname
buttonObject.type

‎تنظيم ويژگيtype
buttonObject.name =" submit" |"button" |"reset"

‎برگشت ويژگيvalue
buttonObject.value

‎تنظيم ويژگيvalue
buttonObject.value =text