본문 바로가기
개발자 양성과정 필기노트/WEB

WEB || DAY2 || 회원가입창 만들기

by jono 2021. 7. 29.

 1. <form> 양식의 영역 </form> 

: 회원가입 양식 전체를 묶는 태그.
- action = "처리하는 페이지링크"  >> 양식에 적힌 데이터를 담아서 데이터베이스로 전달하는 역할을 함.
- method = "_____"  >> get방식: 링크에 입력값이 나옴 // post방식: 링크에 입력값 나오지 않음.


 2. 비밀번호 입력시 가리기 

<input type="password" name="pw">

 3. 텍스트 입력칸 만들기 <textarea> 

<textarea rows="5" cols="10" name="intro"></textarea>

 4. 중복금지의 선택박스 만들기 

=> type = "radio"  >> 동그라미 모양의 선택박스, 이름을 같이 지정 => 중복금지

성별 : <input type="radio" name="gender" value="여">여성<br>
       <input type="radio" name="gender" value="남">남성<br>

 5. 중복선택이 가능한 선택박스 

=> <input type="checkbox" name="똑같게지정" value="...">...

취미 : <input type="checkbox" name="hobby" value="여행">여행
	<input type="checkbox" name="hobby" value="게임">게임
	<input type="checkbox" name="hoddy" value="독서">독서 <br>

 6. 목록상자 <select> </select> 

=> 옵션추가 <option>  </option>
=> 옵션창 크기지정 size="n"
=> 여러개 선택하기 multiple="multiple"

목록상자 선택 : <select name="sel" size="3" multiple="multiple">
                  <option value="1">목록1</option>	
                  <option value="2">목록2</option>	
                  <option value="3">목록3</option>	
               </select>

 7. <input type="_____"> 

*** 데이터 넘기려면 name지정 필수!

- <input type="submit" value="전송하기">  :  타입을 "submit"으로 지정해야 데이터가 넘어감!
- <input type = "reset" value="초기화"> :  입력값 초기화시키기
- <input type = "button" value="버튼"> :  그냥 버튼
- <inpur type = "image" src="이미지파일이름.jpg">  :  사진에 버튼기능넣기
- <input type="file" value="file1">  : 파일찾기
- <input type="hidden" name="hidn" value="숨겨진 값">  : 화면에는 안보이지만, 데이터는 넘어간다.

댓글