input 태그 알아보기

박은정·2021년 9월 12일
0

TIL

목록 보기
25/72
post-custom-banner

input 태그

form 태그 안에서 추가되는 입력 요소들 중 하나
사용자로부터 정보를 받아들이는 용도로 사용된다
input태그의 type이라는 속성을 이용해 → 입력 양식을 여러가지로 변경하여 사용된다
로그인, 회원가입


type 속성

입력태그의 유형

  1. text : input태그에 value값을 넣어주면 텍스트 창에 value값이 표시되어 화면에 출력된다
  2. password
  3. radio : 라디오버튼을 생성할 때에는 반드시 value값과 name값을 꼭 지정해야 한다
    • value : 임의로 해도 된다
    • name : 동일한 이름으로 지정해야 동일한 그룹의 라디오버튼으로 인식이 된다
    • checked : checked속성이 있을 때 웹브라우저 상에서 체크된 상태로 출력된다
  4. checkbox
  5. file
  6. image
  7. hidden
  8. submit
  9. button

value 속성

입력 태그의 초기값 (사용자가 변경가능하다)

name 속성

서버로 전달되는 이름 (사용자가 임의로 지정한다)


기록하려는 코드

<form name="input action="xxxx.jsp" method="get">
	<input type="text" name="id" />
    <input type="submit" value="제출/전송" />
    <input type="reset" value="초기화" />
</form>

form 태그에 name 속성으로 input으로 지정하고
action 속성으로 데이터가 전송될 스크립트 파일을 지정한 다음,
method 속성으로 보내질 데이터가 get방식이라고 표시했다

type="submit" : 제출/전송 버튼을 누르면 입력한 text가 위 Form 태그에 저장된 get방식으로 xxxx.jsp 페이지에 이동하고
type="reset" : 초기화 버튼을 누르면 텍스트에 입력된 글이 모두 초기화된다

profile
새로운 것을 도전하고 노력한다
post-custom-banner

0개의 댓글