[생활코딩]입력양식-form 기본

입력양식-form 기본

사용자가 입력한 정보를 서버로 전송할 때 사용하는 것들

 

• <form action="주소"> : 설정을 하고 제출 버튼을 누루면 url 이 "주소" 로 바뀝니다.
• <input type="tex"> : 텍스트를 입력하는 상자가 생김(텍스트 필드 생성)
• <input type="tex" name="id"> : 이름을 지정해 줬기 때문에 각각의 "이름의 값" 으로 데이터가 전송 됩니다.
• <input type="password"> : 비밀번호를 점으로(...)나오게 하기/ 어떤 글자로 했는지는 감춰지는 효과
• <input type="password" name="pwd"> : 이름을 지정해 줬기 때문에 각각의 "이름의 값" 으로 데이터가 전송 됩니다.
• <input type="text" name="address"> : 이름을 지정해 줬기 때문에 각각의 "이름의 값" 으로 데이터가 전송 됩니다.
• <input type="submit"> : 제출 이라는 "버튼" 이 생성된다.

 

 

input

• type : 필수속성입니다. 다음은 타입속성에서 사용할 수 있는 값입니다.
  • text : 단일행 텍스트 입력필드
  • password : 비밀번호 입력필드. 감춰져서 출력된다.
  • checkbox : 체크박스 생성. 복수 선택이 가능
  • radio : 라디오버튼 생성. 복수 선택 불가능
  • submit : 송신버튼 생성
  • reset : 리셋버튼 생성
  • button : 범용버튼 생성.
  • image : 이미지버튼 생성.
  • file : 송신파일 선택필드 생성
  • hidden : 감춰진 필드.
• name="이름"(필수 속성) : 컨트롤의 이름 지정. type의 속성이 checkbox나 radio일 경우 name속성이 같은 값으로 지정되면 하나의 그룹으로 취급한다.
• value="값" : 컨트롤 종류에 따른 초기값 지정
• size="폭" : 컨트롤의 폭을 지정. type속성이 text이거나 password일 경우 문자수를 지정하고 그외의 경우에는 가로폭의 픽셀값을 지정한다.
• width : 요소의 가로사이즈를 지정합니다.
• height : 요소의 높이를 지정합니다.
• max : input요소에 허용하는 값의 최대값을 지정합니다.
• maxlength="최대 입력 문자수" : type속성이 text이거나 password일 경우 최대 입력 문자수를 지정한다.
• min : input요소에 허용하는 값의 최소값을 지정합니다.

출처 : 생활코딩