Текст керемнәренең ике ягына текст, төймәләр яки төймә төркемнәрен өстәп форма контролен җиңел генә киңәйтегез.
Төп мисал
Керүнең ике ягына бер өстәмә яки төймә куегыз. Сез шулай ук кертүнең ике ягына урнаштыра аласыз. <label>
S кертү төркеменнән читтә урнаштырырга онытмагыз .
Урлау
Керү төркемнәре flex-wrap: wrap
кертү төркеме эчендә махсус форма кырын тикшерүне урнаштыру өчен килешү буенча төрәләр. Сез моны сүндерә аласыз .flex-nowrap
.
Зурлык
Themselvesзенә чагыштырма форма үлчәм классларын өстәгез, .input-group
эчтәлеге автоматик рәвештә үзгәрәчәк - һәр элементта форма белән идарә итү классларын кабатларга кирәкми.
Индивидуаль кертү төркеме элементларын зурлау ярдәм итми.
Такталар һәм радио
Текст урынына кертү төркеме аддонына теләсә нинди пунктны яки радио вариантын урнаштырыгыз.
Берничә <input>
с визуаль яктан булышса да, тикшерү стильләре бер кертү төркемнәре өчен генә бар <input>
.
Берничә аддон
Берничә өстәмә ярдәм итә һәм тикшерү тартмасы һәм радио кертү версияләре белән кушылырга мөмкин.
Керү төркемнәренә махсус сайлау һәм файл кертү өчен ярдәм керә. Аларның браузерның килешү версияләре ярдәм итми.
Махсус сайлау
Уңайлык
Барлык форма контроллерының да тиешле исеме барлыгына инаныгыз, аларның максаты ярдәмче технологияләр кулланучыларына җиткерелсен. Моңа ирешүнең иң гади ысулы - элементны куллану , яки төймәләр булган очракта - эчтәлекнең <label>
бер өлеше итеп җитәрлек тасвирлау текстын кертү .<button>...</button>
Күренгән яки тиешле текст эчтәлеген кертү мөмкин булмаган очраклар өчен <label>
, һаман да мөмкин булган исемне бирүнең альтернатив ысуллары бар, мәсәлән:
<label>
.visually-hidden
класс ярдәмендә яшерелгән элементлар
- Куллану этикеткасы булып эшли алган элементка күрсәтү
aria-labelledby
title
Сыйфат бирү
- Кулланылган элементка ачык исемне ачыклау
aria-label
Әгәр дә аларның берсе дә булмаса, ярдәмче технологияләр placeholder
атрибутны куллану мөмкинлеге булган исемгә <input>
һәм <textarea>
элементларга кире кайту рәвешендә кулланырга мөмкин. Бу бүлектәге мисаллар берничә тәкъдим ителгән, очракларга хас алымнар китерә.
Визуаль яшерелгән эчтәлекне кулланганда ( .sr-only
, aria-label
һәм хәтта placeholder
эчтәлек, форма кыры булганнан соң юкка чыга) ярдәмче технология кулланучыларына файда китерәчәк, билгеле ярлык текстының булмавы кайбер кулланучылар өчен проблемалы булырга мөмкин. Күренгән ярлыкның кайбер формасы, гадәттә, куллану өчен дә, куллану өчен дә иң яхшы ысул.