개발 일기

autofocus 속성 - 입력 커서 표시하기 페이지를 불러오자마자 폼의 요소 중에서 원하는 요소에 마우스 커서를 표시할 수 있다. placeholder 속성 - 힌트 표시하기 사용자가 텍스트를 입력할 때 도움이 되도록 입력란에 적당한 힌트 내용을 표시하고 있다가 그 필드를 클릭하면 내용이 사라지도록 만들 수 있다. readonly 속성 - 읽기 전용 필드 만들기 입력란에 사용자가 입력하지 못하고 읽게만 만든다. required 속성 - 필수 필드 지정하기 내용을 폼에 입력한 후 submit 버튼을 클릭하면 폼을 서버로 전송하는데 이때 필수 필드에 필요한 내용이 모두 채워졌는지 검사해준다. min, max, step 속성 - 최솟값, 최댓값, 간격 태그의 유형이 date, datetime, datetim..

웹에서의 폼은 크게 사용자가 입력하는 부분과 입력한 내용을 서버로 보내는 버튼 부분으로 나눌 수 있다. 사용자가 입력하는 부분은 한 줄짜리 텍스트나 비밀번호 같은 부분인데 이런 부분을 만들 때 사용하는 태그가 태그이다. id 속성 사용하기 input에서 id 속성은 매우 중요하다. 똑같은 폼 요소들을 많이 사용할 수도 있기때문에 이것을 구분해주고, 또 폼마다 다른 css를 적용해줄 때 id 값이 필요하다. 또한 id를 지정해놓으면 태그를 이용해 캡션을 붙일 수도있다. 태그의 type 속성에서 사용 가능한 유형 유형 설명 hidden 사용자에게는 보이지 않지만 서버로 넘겨지는 값을 가진다. text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자를 넣는다. * 사용 가능한 속성 name - 텍스트 필드를 ..

태그 - 폼 만들기 폼을 만드는 가장 기본적인 태그 form 태그의 속성 폼 태그는 몇 가지 속성을 통해 사용자가 입력한 자료들을 서버로 어떤 방식으로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지 지정한다. 속성 설명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. 속성 값 get - 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. 256byte~4096byte까지의 데이터만 서버로 넘길 수 있다. post - 대부분 이 방식을 사용한다. 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다. name 폼의 이름을 지정한다. 한 문서 안에 여러 개의 태그가 있을 경우, 폼들을..