728x90 반응형 Web Programming/HTML6 tabindex 속성 / 입력폼 tab키 이동 순서 / tabindex를 사용한 키보드 접근성 인터넷 사이트를 회원가입하거나, 검색을 하는 과정에서 Tab키를 눌러보면 순서대로 focus되는 효과를 본 적이 있었습니다. 이러한 효과는 키보드 타이핑을 하다가 마우스로 여러번 손이 가지 않아도 되서 편리했었다. 또 Tab키로 이동되는 순서가 순차적이지 못하고 움직인다면 마우스로 손이가는 불편함이 다시 생길 것이다. 이동을 원할하게 해서 사용자에게 편리함을 주기 위해서 tabindex속성을 사용하게 된다. Tab키로 이동하기, focus 순서속성 회원가입 페이지를 만들면서 tabindex를 적용하는 공부를 했었으며, 사용 방법에 대한 글은 이미지는 다르게 코드가 잘 보이고 잘 이해되게 작성한 코드입니다. tabindex tabindex 속성은 키보드 접근성에 근접한 속성어입니다. (키보드 접근성은 사용.. 2021. 6. 4. HTML /회원가입 화면 만들기/ h2 , label , input , button 사용하기 / input type 속성 / label의 필요성 HTML 공부를 하면서 아래와 같은 회원가입 화면을 만드는 평가가 있었다. 제목은 h2 태그를 사용했고, input 태그와 label 태그, button 등을 사용했습니다. CSS까지 포함한 글은 다음번에 써보도록 하겠다.. 회원가입 테스트 화면 1. 회원가입 제목 만들기 제목의 Create an account는 다른 폰트보다 크고 두꺼운 것을 확인할 수 있습니다. 이유는 h2 태그를 사용했기 때문입니다. h1부터 h6까지 있으며, h1에 가까울수록 더 크고 두꺼운 폰트가 표현됩니다. 태그를 사용하지 않고 CSS를 사용하는 방법도 있습니다. Create an account 2. 입력창 만들기 (input type 속성) 회원가입을 하는 HTML 창에서 데이터를 입력하는 박스를 input 태그를 사용해서 .. 2021. 4. 26. 이전 1 2 다음 728x90 반응형
