Тег label

Тег label енгізу өрісіне белгі тағайындайды input, textarea, select түріндегі және т.б.

Белгі for атрибуты арқылы белгілі бір енгізу өрісіне байланыстырылады. Онда байланыстырылған енгізу өрісінің id атрибутының мәні көрсетілуі керек. Сондай-ақ элемент label тегінің ішіне қойылса, белгі сол элементке байланыстырылады. Бұл жағдайда for атрибутын көрсету қажет емес. Түсінікті болу үшін мысалдарды қараңыз.

Белгіні басқан кезде оған байланыстырылған чекбокстар немесе радио түймелері өз күйін белгіленгеннен белгіленбегенге және керісінше өзгертеді. Белгі бұл жағдайда ыңғайлылық үшін қажет: пішімнің ұсақ элементтеріне курсормен тию қиын, ал ұзын мәтінді белгіге тию одан жеңіл.

Белгіге байланыстырылған мәтін енгізу өрісі input және textarea түрінде енгізу фокусын алады. Фокус - бұл енгізу өрісінде курсордың жыпылықтауы, бұл жағдайда, сіз пернетақтадан бір нәрсе терсеңіз - мәтін осы өріске енеді (фокусты тереңірек түсіну үшін focus псевдокласын қараңыз).

label белгісін чекбоксты немесе радио түймесін елестету үшін пайдалануға болады. Бұл checkbox немесе radio-ны өз дизайнымен жасау үшін қажет (бұл CSS-те тыйым салынған, бірақ айлакер әдістер арқылы мумкін).

Атрибуттар

Атрибут	Сипаттама
for	Бұл атрибутта label белгісіне байланыстырылған енгізу өрісінің id атрибутының мәні көрсетілуі керек.
accesskey	Белгіге байланыстырылған (for атрибуты арқылы) пішім элементіне өтуге болатын тездету пернесін тағайындайды. Толығырақ accesskey атрибутын қараңыз.

Мысал . Чекбокс

checkbox белгішесіне for атрибуты арқылы белгі байланыстырайық. Белгіні басып көріңіз, сіз белгішенің күйінің белгіленгеннен белгіленбегенге және керісінше өзгеретінін көресіз:

:

Мысал . Label ішінде

Енді белгіні for атрибуты арқылы байланыстырмай-ақ, элементтерді тікелей label тегінің ішіне салайық, бұл жағдайда label мәтінін басқанда элемент белсенді болады:

:

Мысал . Мәтін енгізу өрісі

input тегіне for атрибуты арқылы белгі байланыстырайық. Белгіні басу енгізу өрісінің фокус алуына әкеледі. Сонымен бірге өрістегі мәтін (value атрибутын қосу арқылы қосамыз) бөлектелетін болады. Егер пернетақтадан бір нәрсе терсеңіз - бұл мәтін жойылады. Мәтінді жоймай бөлектеуден құтылу үшін енгізу өрісін тінтуірмен басуға болады: фокус жоғалмайды, бірақ бөлектеу жоғалады:

:

Сондай-ақ қараңыз