-
HTML5 - Form 셀렉트 박스(Select box) 만들기front-end/HTML 2021. 10. 14. 19:42
이번 포스팅에서는 HTML에서 많이 사용되는 셀렉트 박스를 구현해보는 시간을 가져보겠다. Select box(셀렉트 박스)? 셀렉트 박스는 콤보 박스라고도 하며, Pull-Down Menus라고도 한다. 주로 회원가입시에 많이 볼 수 있다. Select box 구현 하기 네이버 회원 가입시 성별 셀렉트 박스를 만들어보자. 성별 성별 남자 여자 선택 안함 https://codesandbox.io/s/festive-tesla-f6jq3?file=/index.html 에서 확인 가능하다 festive-tesla-f6jq3 - CodeSandbox festive-tesla-f6jq3 codesandbox.io 정리 및 느낀 점 Select box를 구현하기 위해서는 Select 안에 option tag들을 ..
-
HTML5 시맨틱(Semantic) 요소front-end/HTML 2021. 10. 6. 13:17
Semantic 프로그래밍에서, 시멘틱(Semantic)은 코드 조각의 의미를 나타낸다. 이 HTML 엘리먼트가 가진 목적이나 역할은 무엇인가? 이 JS 라인을 실행하는 것은 어떤 효과가 있는가? HTML Semantic HTML에는 Semantic 요소와 Non-Semantic 요소로 구분된다. Semantic 요소는 목적이나 역할이 존재한다. ( 내용에 대해 알려준다 ) Non-Semantic 요소는 특별한 목적이나 역할이 존재하지 않는다. ( 내용에 대해 아무것도 알려주지 않는다) Semantic 요소에는 100여개 종류가 있다. https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference - HTML: Hyper..