‎ويژگيHTML disable

Previous >    <Next  

‎تعريف وكاربردDefinition and Usage -‎

‎ويژگي‎disabled‎ از نوع بولين است . در صورت وجود در عنصر آنرا غير فعال ميكند. ‎عنصر غيرفعال، غير قابل استفاده است.

‎ويژگي فوق در فرم ميتواند براي بعضي از عناصر تنظيم و تا برقراري بعضي از شرايط توسط كاربر ‎حفظ شود، اما بمحض ايجاد شرايط لازم توسط جاوااسكريپت فعال شود .بعنوان مثال انتخاب انتخاب يك ‎يك چك باكس يا شرايطي بين عناصر ميتواند، باعث فعال شدن شود.

‎كاربرد ويژگيApplies to -‎

‎ويژگي‎disabled‎ ميتواند در عناصر جدول زير بكارگرفته شود .

‎عنصر ‎شــرح
<button> ‎يك دكمه قابل كليك تعريف مي نمايد.
<input> ‎يك كنترل ورودي را تعريف ميكند.
<fieldset> ‎گروه هاي عناصر مرتبط در فرم
<optgroup> ‎گرينه هاي مرتبط را در يك لسيت كشوئي‎"drop-‎down list‎"‎معرفي مي نمايد.
<option> ‎يك گرينه را در ليست كشوئي معرفي ميكند.
<select> ‎يك ليست كشوئي‎"drop-‎down list‎"‎را معرفي ميكند .
<textarea> ‎يك كنترل ورودي چند خطي را معرفي مينمايد(textarea)

‎مثالها

‎مثالButton ـ يك دكمه غير فعال

<button type="button" disabled>Click Me!</button > 

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

‎مثالfieldset ـ غير فعال بودن عناصر يك گروه

<fieldset disabled>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>

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

‎مثالInput ـ يك فرم HTML با يك فيلد ورودي غير فعال

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="Submit">
</form> 

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

‎مثالoptgroup ـ غير فعال بودن option-‎group

<select>
  <optgroup label="German Cars" disabled>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

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

‎مثالoption ـ يك ليست كشوئي با يك گزينه غيرفعال

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

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

‎مثالSelect ـ يك ليست كشوئي غيرفعال

<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 

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

‎مثالTextArea ـ يك ناحيه متني غيرفعال

 <textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea> 

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

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

‎وضعتت پشتيباني مرورگرها از ويژگي فوق براي عناصر مطابق جدول زيراست.

‎عنصر Chorome Edge Firefox Safari Opera
button Yes Yes Yes Yes Yes
fieldset Yes Not supported Yes 7.0 Yes
input 1.0 6.0 1.0 1.0 1.0
optgoup 1.0 8.0 Yes Yes Yes
option 1.0 8.0 1.0 Yes Yes
select Yes Yes Yes Yes Yes
textarea Yes Yes Yes Yes Yes

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next