Simple Is Best

이번 포스팅에서는 사용자가 주어진 Select 중에서 어떤 선택지를 눌렀을 때, 해당 option 에 대한 다른 Select 가 띄워지는 일종의 Animation? UI를 구현해 보도록 하겠습니다. HTML 상품선택 모자 셔츠 바지 사이즈 해당 코드는 Select와 Option 으로 구성되어 있습니다. 현재 상품선택 아래에 size-wrap 으로 구성되어 있는 div 영역은 CSS 상에서 숨김 처리 했습니다. 만약 사용자가 상품 품목을 선택하였다면 그 품목에 해당하는 Size를 띄워줘야 하기 때문입니다. CSS .size-wrap{ display : none; } JQuery 하지만 아래 코드는 Option들을 하드 코딩해야 하는 단점이 존재합니다. ▷ User 가 선택하는 값에 따라 다양한 조건문들을 ..

오늘의 포스팅은 User의 Input을 받아들이는 태그에 대해 진행하겠습니다. ● : form 태그는 제출용을 위해서 사용하며 action 속성을 갖는다. 제출하면 해당 주소에 정보를 전달해 처리한다. (JS때 자세히!) ● : 속성이 굉장히 다양합니다. 또한 input 태그는 닫는 태그가 존재하지 않습니다. input의 속성 1. type : 역할은 생각하시는 그대로 입니다. 2. placeholder : 아래의 사진과 같이 사용자가 입력할 요소에 대한 힌트를 주는 음영처리된 글자입니다. 3. value : 실제로 들어가 있는 값을 지정 할 수 있습니다. 4. name : 기능개발을 위해서 input의 이름을 지정할 수 있습니다. 참고 [CSS Selector] input의 type들을 선택하여 동일한..