ატრიბუტი disabled

ატრიბუტი disabled ბლოკავს HTML ფორმის ელემენტს, ანუ ხდის მას არააქტიურს. არის ღირებულების გარეშე ატრიბუტი.

ელემენტების დაბლოკვა ჩვეულებრივ საჭიროა იმისთვის, რომ აუკრძალოს მომხმარებელს ზოგიერთი მნიშვნელობის შეცვლა (რომლებიც, მიუხედავად ამისა, უნდა იყოს მომხმარებელს ნაჩვენები ფორმის ელემენტების სახით). ზოგჯერ ელემენტებს ბლოკავენ (და აცხადებენ ბლოკირებას) JavaSctipt-ის საშუალებით.

ქცევა

ღილაკის შემთხვევაში (button ან input type ატრიბუტის მნიშვნელობებით button, reset ან submit) დაბლოკვა ნიშნავს, რომ ღილაკზე ვეღარ მოხდება დაწკაპუნება. ტექსტური შემავალი ველის შემთხვევაში (input ან textarea) მასში ვეღარ შეიცვლება ან დააკოპირებს ტექსტს. ჩეკბოქსების და რადიო ღილაკების შემთხვევაში მათი მდგომარეობის (მონიშნულია თუ არა) შეცვლა ვეღარ შეიძლება. ჩამოსაშლელი სიების select შემთხვევაში ვერ შეიცვლება სიის არჩეული პუნქტი.

დაბლოკილ ელემენტს ნაგულისხმევად აქვს ნაცრისფერი ფონი. ის ასევე არ მიიღებს მონაწილეობას Tab ღილაკით გადასვლებში.

მაგალითი . დაბლოკილი ღილაკი

დავბლოკოთ ღილაკი disabled ატრიბუტის საშუალებით. შედარებისთვის გვერდით მოვიყვანოთ მაგალითი არადაბლოკილი ღილაკის (შევეცადოთ მასზე დავაწკაპუნოთ):

<button disabled>ტექსტი</button>
<button>ტექსტი</button>

მაგალითი . დაბლოკილი ჩეკბოქსი

ახლა კი ვნახოთ დაბლოკილი ჩეკბოქსის ფლაგი. შედარებისთვის გვერდით ვუყუროთ არადაბლოკილი ფლაგის მაგალითს:

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

მაგალითი . დაბლოკილი და მონიშნული ჩეკბოქსი

ვნახოთ, როგორ გამოიყურება დაბლოკილი და checked ატრიბუტის საშუალებით მონიშნული ჩეკბოქსის ფლაგი. შედარებისთვის გვერდით მივმართოთ არადაბლოკილი მონიშნული ფლაგის მაგალითს:

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

მაგალითი . დაბლოკილი ტექსტური ინპუტი

ახლა კი დავბლოკოთ ინპუტი. შედარებისთვის გვერდით ვნახოთ მაგალითი არადაბლოკილი ინპუტის:

<input type="text" value="ტექსტი" disabled>
<input type="text" value="ტექსტი">

მაგალითი . დაბლოკილი ტექსტარეა

აქ კი ვნახავთ დაბლოკილ ტექსტარეას (ყურადღება მიაქციეთ იმას, რომ დაბლოკილი textarea-ის ზომის შეცვლა შესაძლებელია). შედარებისთვის გვერდით მივმართოთ არადაბლოკილი ტექსტარეას მაგალითს:

<textarea disabled>ტექსტი</textarea>
<textarea>ტექსტი</textarea>

მაგალითი . დაბლოკილი ჩამოსაშლელი სია

ვნახოთ როგორ მუშაობს დაბლოკილი select. შედარებისთვის გვერდით ვნახოთ მაგალითი არადაბლოკილი ჩამოსაშლელი სიის:

<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>

იხილეთ აგრეთვე

ფსევდოკლასი disabled,
რომელიც აძლევს სტილებს დაბლოკილ ელემენტს
ფსევდოკლასი enabled,
რომელიც აძლევს სტილებს არადაბლოკილ ელემენტს