css /*--------------------------------------------- Form ----------------------------------------------*/ .o-input { border: 0; border-radius: 0; background-color: transparent; vertical...
counter
Web Accessibility Role & Attribute aria-label aria-live aria-relevant aria-atomic view See the Pen counter by yeojin (@yeojin512) on CodePen. html <div class="c-coun...
attachment
view See the Pen attachment by yeojin (@yeojin512) on CodePen. html <div class="c-attachment" data-js="attachFile"> <!-- [D] 파일 첨부시 is-loaded 클래스 생성 --> <input type="fi...
listbox
Web Accessibility listbox Role & Attribute role="listbox" role="option" aria-haspopup aria-labelledby aria-label aria-activedescendant view See the Pen listbox by yeoji...
select
기본 html <select class="o-input o-input--select" title="★title"> <option>★option</option> <option>★option</option> </select> css // select .o-input--...
input - checkbox switch
Web Accessibility Switch Screen Reader 지원 Role & Attribute Sense Reader NVDA VoiceOver TalkBack role=”switch” O X ...
input - checkbox
Web Accessibility checkbox Role & Attribute role="group" aria-label aria-labelledby Screen Reader 지원 Role & Attribute Sense Reader NVDA VoiceOv...
input - radio box
Web Accessibility Role & Attribute role="group" aria-label aria-labelledby Screen Reader 지원 Role & Attribute Sense Reader NVDA VoiceOver T...
input - radio
Web Accessibility radio Role & Attribute role="group" aria-label aria-labelledby Screen Reader 지원 Role & Attribute Sense Reader NVDA VoiceOver ...
input - date 외
Cross Browsing type chrome opera firefox safari edge ie ios Android date O O O ? ...
Recently Updated