티스토리 활용을 위한 입력 양식 태그

티스토리 활용을 위한 입력 양식 태그

입력 양식(form) 태그

사용자가 웹사이트를 가입하거나 로그인 하려고 할때, 사용자는 입력 칸에 데이터를 입력해야 합니다. 그 데이터를 서버로 보내면 서버에서는 전송받은 데이터를 적절히 처리한 뒤, 그 결과를 사용자에게 돌려줍니다. 이때 사용하는 입력칸은 HTML 태그로 작성 할 수 있습니다.

 

다음 부터는 회원가입 신청서를 순서대로 완성하여 보겠습니다.

 

<form>태그 : 하나의 신청서 종이

• action속성 : 데이터를 보낼 URL을 지정합니다.
• method속성 : 보내는 방식을 지정합니다. get, post값으로 가지며 기능은 동일합니다.
• <input>태그 : 사용자에게 입력을 받기 위하여 사용되며, 빈태그이기에 종료태그를 사용하지 않습니다.
• type 속성 : 어떤 값을 입력 할 것인지 결정
• name속성 : 사용자가 서버로 데이터를 전송할때, 입력받은 데이터를 구분하기위하여 name 속성을 키로 입력 받은 데이터를 값으로 전송합니다.
• placeholder 속성 : 입력한 값은 입력칸에 나타나며, 입력칸을 클릭하여 값을 입력하면 해당 문구가 사라집니다.
• value 속성 : 말그대로 할당하는 속성으로 placeholder과 동일하나 입력칸을 클릭하면 값이 남아있습니다.
• <textarea>태그 : 한번에 많은 양의 글을 입력 받을때 글의 범위 제한
• row 속성 : 글 줄 수 만큼 조절
• cols 속성 : 글자 수 만큼 조절
• <button>태그 : HTML요소를 <button>태그 내부에 담아 사용하는 제출 버튼