입력상자 <input>,<textarea>태그

1. 한 줄 텍스트 상자 -----------------------------------------------------------

 

가장 기본적인 텍스트 상자

사용자가 한 줄의 텍스트를 입력할 수 있도록 만들어진 태그

닫는 태그가 없다!

 

<input  type=”text”  name=”이름”  size=”숫자”  value=”미리 입력될 문장”  maxlength=”숫자”>

 

name - 서버쪽 개발 언어가 이 이름을 통해 데이터를 읽어냄

maxlength  -  입력할 수 있는 글자의 최대 길이

 

 

 

2. 비밀번호 입력 상자--------------------------------------------------------------------------------------

 

입력한 내용이 보이지 않도록 둥근원으로 대체해 준다.

비밀번호 나 주민등록번호 등 중요한 데이터를 입력할 때 사용함

 

<input  type=”password”  name=”이름”  size=”숫자”  value=”미리 입력될 문장”  maxlength=”숫자”>

 

 

 

3. 단일선택 ( 라디오 버튼 )--------------------------------------------------------------------------------

 

이미 나열된 목록에서 원하는 것을 무조건 한 개만 선택할 수 있도록 하는 양식 태그

 

<input  type=”radio”  name=”이름”  value=”라디오버튼이 가지는 값”  checked>

 

checked  -  라디오 버튼이 선택된 상태로 나옴

 

 

 

4. 다중선택 ( 체크 박스 )------------------------------------------------------------------------------------

 

나열된 목록에서 원하는 만큼 선택할 수 있는 태그

 

<input  type=”checkbox”  name=”이름”  value=”라디오버튼이 가지는 값”  checked>

 

 

 

5. 버튼---------------------------------------------------------------------------------------------------------

 

<input  type="submit"  value="전송하기">  -- 전송버튼

<input  type="reset"  value="다시입력">  -- 입력취소버튼

6. 파일첨부-----------------------------------------------------------------------------------------------------

 

<input  type="file"  >  -- 이미지나 파일을 첨부함

7. 이미지버튼---------------------------------------------------------------------------------------------------

 

<input  type="image"  src="이미지경로"  alt="이미지대체글"  > 

8. 여러줄 입력상자--------------------------------------------------------------------------------------------

 

<textarea  name="이름"  cols="입력상자의 가로너비"  rows="세로높이"></textarea>