728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>입력</title>
</head>
<body>
<!-- input : 사용자로부터 입력값을 받기위한 태그 -->
<!-- value : 텍스트를 입력하기 전에 자동으로 작성되어있는 값, 다른 페이지에게 정보 전달용으로 사용 -->
<!-- placeholder: 입력을 받기 전에 input같에 보여줄 텍스트 내용을 작성. 사용자가 입력하면 사라짐. -->
id: <input type="text" maxlength="10" value="fnvit"><br>
pw: <input type="password" required><br>
tel: <input type="tel"><br>
url: <input type="url" placeholder="***.***.*** 형식으로 입력하세요"><br>
email: <input type="email"><br>
마우스 <input type="checkbox" checked>
키보드 <input type="checkbox"><br>
<!-- radio 버튼은 name 속성을 사용하여 하나의 그룹으로 묶는다. -->
남자 <input name="gender" type="radio" checked>
여자 <input name="gender" type="radio">
<!-- number : 숫자만 입력할 수 있는 속성으로, 숫자 형태는 무엇이든 가능. e를 입력하면 자연상수로 취급 -->
<input type="number"><br>
<input type="range"><br>
<!-- 콤보박스, 드롭다운 목록을 생성 -->
<select name="phone" id="">
<!-- option : 드롭다운 목록에 들어가는 값들 -->
<!-- value는 우리눈에 보이는 데이터가 아닌, 서버로 전송할 값을 작성 -->
<!-- seleted: 처음에 선택되어 있을 값을 성정 -->
<!-- disabled: 선택을 못하게 막음 -->
<option value="none" selected disabled>통신사 선택</option>
<option value="에스케이티">SKT</option>
<option value="케이티">KT</option>
<option value="엘지">LG</option>
</select>
<input type="button" value="버튼임ㅎ.ㅎ">
<!-- type="reset" : form요소 안에있는 input값을 전부 초기화하는 속성 -->
<input type="reset">
<!-- type="submit : 동일한 form요소 안에 있는 input값을 서버로 전송하는 속성 -->
<input type="submit">
<button>버튼임ㅋ.ㅋ</button>
<!-- 파일을 서버에 전달할 수 있도록 하는 속성 -->
<input type="file">
<input type="image" src="image/다운로드.jpg" width="50">
<input type="hidden">
</body>
</html>728x90
반응형
'코딩일지 > WEB' 카테고리의 다른 글
| form활용하기 (0) | 2022.12.25 |
|---|---|
| HTML 날짜입력 메뉴 만들기 (0) | 2022.12.25 |
| 함수(let) (2) | 2022.12.25 |
| 조건문 (0) | 2022.12.25 |
| 이벤트(addEventListener) (0) | 2022.12.25 |