input

[HTML] form, input 태그의 모든 것

form 요소 태그 사용자로부터 입력받고, 입력받은 데이터를 서버로 보낼 수 있다. action 속성은 입력받은 데이터를 처리할 url, 파일위치, 특정 주소값등을 명시한다. method 속성은 데이터 전송 방식을 명시한다. GET방식과 POST 방식이 있다. method 속성이 생략되거나 빈 값이면 GET 방식으로 설정된다. 요소 요소 설명 다양한 타입의 input 요소를 활용하여 사용자로부터 입력을 받을 수 있다. 여러 form 요소에 대한 타이틀 역할로 label을 정의한다. 드롭다운 목록 여러 줄 입력 클릭 가능한 버튼 input 요소 유형(type) 유형(type) 설명 한 줄 텍스트 입력 비밀번호

[TIL] HTML의 입력을 담당하는 form, input

✍ Today I Learned html form 태그의 제대로된 사용법을 알게 되었다. form 태그 내 작성된 데이터는 action 속성의 위치로, method 속성의 방식에 따라 전달된다. action 속성을 생략하면 현재 페이지로 데이터를 전송하고 리로딩 된다. (나를 힘들게 했던..) label 태그의 for 속성과 input 태그의 id 속성은 연동된다. 같은 값으로 설정하면 label 태그로 감싸진 텍스트를 클릭했을 때 input 창이 선택된다. input 태그에 속성이 이렇게 많았다니? readonly는 읽기전용 속성 disabled는 비활성화된 속성 required는 필수입력항목 속성 pattern 속성으로 유효성 검사를 할 수 있다. 파일이 첨부된 form은 enctype 속성 값을 m..