오물오물 개발일기

* select & option 드롭다운 형식의 선택지를 제공한다. select 태그에 name attribute를 부여한다. multiple attribute를 사용하면 여러가지의 선택지를 받을 수 있다. HTML CSS JS submit

* radio 선택지 중에 한가지만 고를 수 있다. 연관된 선택지의 경우 name을 일치시키며 각 선택지에대한 value값을 부여한다. 구독 미구독 확인 * checkbox 선택지중 다중선택이 가능하다. radio와 마찬가지로 연관된 선택지의 경우 name을 일치시키며 각 선택지에 value값을 부여한다. 사과 바나나 메론 확인

* input 사용자가 정보를 입력하고 입력을 받기 위함 의 형식으로 type attribute를 무조건 기재를 해야한다. type : text, email, password, number, file, tel, button, submit .... type 이외에도 value(초기값)나 required, disable(사용불가).. 등등 있으나 필수는 아니다. * placeholder : input창에 띄어놓는 문구로 클릭시 사라지게된다. (안내문구) minlength : 최소 문자 길이를 제한한다. maxlength : 최대 문자 길이를 제한한다. required : 필수적으로 받아야하는 input창에 요청을 한다. submit * 이메일 형식에 맞는 input을 받을 수 있다. submit * type..

* Form Tag 사용자로부터 데이터를 받기위해 사용하는 태그 사용자에게 input을 받으면 무언가 처리를 해줘서 결과값을 보여줘야 한다. action의 경우 입력받은 input을 처리 하기 위한 주소를 작성하며 모를경우엔 #을 기재하고 backend개발자와 논의한다.

* Anchor (링크) Attribute href : #, #none, URL, 파일명, ID 값(페이지내 이동), mailto:molly.daleo3o@gmail.com (메일주소), tel:전화번호 target : _blank (새탭으로 열기) href의 경우엔 무조건 써줘야한다. * Image Attribute src : 이미지 소스의 주소 alt : 이미지에 대한 text alt의 경우엔 이미지를 로드 못할 경우 대신 보여주기도 하지만 시각적으로 불편하신 분들을 위함이기도 하다. 이미지 * 시각적으로 불편하신 분들은 스크린 리더라는것을 통해 웹페이지를 이용하게 되는데 alt에 기재되어있는 텍스트가 음성으로 들리게 된다. 웹의 핵심철학인 접근성을 잊지 말고 꼭 알맞은 텍스트를 기재한다.