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="숨겨진 값"> : 화면에는 안보이지만, 데이터는 넘어간다.
'개발자 양성과정 필기노트 > WEB' 카테고리의 다른 글
WEB || DAY5 || css 스타일 옵션 (0) | 2021.08.28 |
---|---|
WEB || DAY4 || html태그 옵션, CSS (0) | 2021.08.19 |
WEB || DAY3 || HTML 기호, 테이블만들기, 파일경로 (0) | 2021.08.12 |
WEB || DAY1 || html태그 (0) | 2021.07.29 |
댓글