UX·UI - FrontEnd Dev. Story

Button 2

[HTML] input 유형/속성에 따른 type 설명/ textarea / select

사용자의 정보를 입력할 때 사용하는 input 태그는 자주 쓰이는 type 유형들이 있어 잘 숙지하고 넘어가야한다. 1. select 요소 사용자가 폼에서 옵션의 목록에서 선택 할 수 있도록 보여주는 폼 요소이다. 라디오 타입의 input과 비슷한 역할을 가지고 있지만 라디오 타입의 input은 다 펼쳐서 보여지는 반면에 select 요소는 옵션들을 모두 숨기고 선택된 한 가지만 보여준다. 또한 한 가지 선택이 아닌 복수로 선택할 수도 있다. select 요소는 내부에 한개 이상의 option 요소를 가지고 있다. 사용자는 option을 선택하고 선택된 option 요소의 값은 서버로 전송하게 된다. 점수 선택 A B C D 1-1. select 요소의 속성 ▶ multiple 속성 기본적으로 selec..

[HTML] <a>, <button>, <input> 용도맞게 사용하기

페이지를 코딩해서 링크를 걸 때 아무거나 링크로 만드는 것이 아니라 용도에 맞게 사용하는 것이 중요하다. 페이지 링크를 걸 때 문서간의 url을 '연결'하기 위해 주로 사용되는 일반적인 방식 url을 연결하지않고 단순하게 사용자 인터페이스만을 '조작'하기 위한 버튼. type을 명시하지않으면 submit 으로 실행하기때문에 반드시 type="button"으로 지정해야한다. 사용자의 입력을 서버로 '전송' 하기 위한 버튼으로 전달하는값을 받거나 전달할 때 사용하는 마크업 1. 태그 요소의 어원은 앵커(anchor-닻)으로써 문서간의 url을 '연결'하기 위한 버튼이 목적이다. 기본 링크들은 a 요소로 마크업하고, 기능을 구현하기 위해서 (ex. 팝업창 띄우기, 어떤 요소를 숨기거나 보이게 하기 등등) 클릭..

반응형