html form 관련 태그
-input 태그 : 데이터를 입력하기 위해 사용되는 태그
속성으로 태그의 종류를 지정함
-type 속성 : 태그의 종류를 지정
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>FORM 태그</title>
</head>
<body>
<!-- form태그는 사용자가 입력한 값을 그대로 받아서 서버에 전송할때 사용함 -->
<form>
<h3>입력양식</h3>
아이디 : <input type ="text" placeholder = "힌트:8글자" maxlength="8" size="10">
<br>
비밀번호 : <input type = "password" placeholder="힌트:알면뭐하게" size="10">
<br>
<!-- checkbox, radio속성은 반드시 name속성을 통일 시켜서 하나의 그룹으로 묶는다 -->
관심분야 :
<input type ="checkbox" name="inter"> JAVA
<input type ="checkbox" name="inter"> JSP
<input type ="checkbox" name="inter"> JS
<input type ="checkbox" name="inter"> HTML
<input type ="checkbox" name="inter"> ORACLE
<br>
전공분야 :
<input type="radio" name="major">경영
<input type="radio" name="major">컴퓨터
<input type="radio" name="major">수학
<input type="radio" name="major">기계공학
<br>
<!-- SELECT - 리스트 형태의 데이터를 사용 -->
지역
<select>
<option>서울</option>
<option>경기</option>
<option>부산</option>
<option>인천</option>
</select>
<br>
<!-- row = 줄 / cols = 칸(초기에 보여주는 빈칸의 크기) -->
<!-- input과는 다르게 여러줄 입력가능 -->
<textarea rows="5" cols="30"></textarea>
<br>
<!-- form 태그의 데이터를 서버로 전송하는 역할 -->
<input type ="submit" value="확인">
<br>
<!-- 버튼 태그를 만드는 방법은 두가지 -->
<input type="button" value ="목록">
<button type="button">목록</button>
<br>
<!-- 첨부파일 추가 -->
<input type="file">
<br>
<!-- reset (페이지를 초기값으로 초기화시켜줌) -->
<input type="reset" value="폼초기화">
<br>
<!-- 숫자만 입력가능한 툴 -->
숫자만 입력가능 <br>
<input type="number" value="숫자입력">
</form>
</body>
</html>'HTML' 카테고리의 다른 글
| 2022_11_28 html 블럭 요소 & 인라인 요소 (0) | 2022.11.28 |
|---|---|
| 2022_11_28 html 테이블 생성 (0) | 2022.11.28 |
| 2022_11_28 <a href ="url" > (0) | 2022.11.28 |
댓글