Хосияти disabled

Хосияти disabled унсури HTML форм-ро мебастад, яъне онро ғайрифаъол мекунад. Хосияти беқимат аст.

Баста кардани унсурҳо одатан барои он лозим аст, ки ба корбар манъ кунад, ки баъзе қиматҳоро (ки бояд ба корбар ба сурати унсурҳои форм нишон дода шаванд) тағйир диҳад. Гоҳе унсурҳоро бо ёрии JavaSctipt мебастанд (ва боз мекунанд).

Рафтор

Дар сурати тугма (button ё input бо хосияти type дар қиматҳои button, reset ё submit) бастан маънои онро дорад, ки тугмаро наметавон фишурд. Дар сурати майдони воридии матнӣ (input ё textarea) дар он наметавон матнро тағйир ё нусхабардорӣ кард. Дар сурати чекбоксҳо ва радио ҳолаташон (интихобшуда ё не) наметавон тағйир дод. Дар сурати рӯйхатҳои кушодашаванда select наметавон номгузини интихобшудаи рӯйхатро тағйир дод.

Унсури басташуда бо пешфарз заминаи хокистарранг дорад. Он инчунин дар гузаришҳо бо калиди Tab иштирок намекунад.

Мисол . Тугмаи басташуда

Биёед тугмаро бо ёрии хосияти disabled бастем. Барои муқоиса дар наздикӣ мисоли тугмаи бастанашударо мебинем (биёед рӯи он фишурем):

html<button disabled>матн</button>
<button>матн</button>

Результат:

Мисол . Чекбокси басташуда

Ва акнун биёед ба чандкуттии чекбокси басташуда нигарем. Барои муқоиса дар наздикӣ мисоли чандкуттии бастанашударо мебинем:

html<input type="checkbox" disabled>
<input type="checkbox">

Результат:

Мисол . Чекбокси басташуда ва интихобшуда

Биёед бубинем, ки чекбокси басташуда ва бо ёрии хосияти checked интихобшуда чӣ гуна менамояд. Барои муқоиса дар наздикӣ ба мисоли чекбокси бастанашудаи интихобшуда мегардем:

html<input type="checkbox" disabled checked>
<input type="checkbox" checked>

Результат:

Мисол . Вориди матнии басташуда

Ва акнун биёед воридро бастем. Барои муқоиса дар наздикӣ мисоли вориди бастанашударо мебинем:

html<input type="text" value="матн" disabled>
<input type="text" value="матн">

Результат:

Мисол . Textarea-и басташуда

Дар ин ҷо мо textarea-и басташударо мебинем (диққат диҳед, ки андозаи textarea-и басташударо метавон тағйир дод). Барои муқоиса дар наздикӣ ба мисоли textarea-и бастанашуда мегардем:

html<textarea disabled>матн</textarea>
<textarea>матн</textarea>

Результат:

Мисол . Рӯйхати кушодашавандаи басташуда

Биёед бубинем, ки select-и басташуда чӣ гуна кор мекунад. Барои муқоиса дар наздикӣ мисоли рӯйхати кушодашавандаи бастанашударо мебинем:

html<select disabled>
  <option>шаҳр1</option>
  <option selected>шаҳр2</option>
  <option>шаҳр3</option>
  <option>шаҳр4</option>
</select>
<select>
  <option>шаҳр1</option>
  <option selected>шаҳр2</option>
  <option>шаҳр3</option>
  <option>шаҳр4</option>
</select>

Результат:

Ҳамчунин нигаред