- hidden
- text
- required
- placeholder
- disabled
- readonly
- number
- password
- radio
- checkbox
- button
- reset
- submit
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Form3</title>
</head>
<body>
<h3>여러가지 Input Type</h3>
<form action="https://www.w3schools.com/action_page.php">
<!-- hidden -->
<input type="hidden" name="data1" value="alpha">
<input type="hidden" name="data2" value="beta">
<!-- text -->
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><hr>
<br><hr>
<!-- 필수요소인 경우 required ,placeholder : 입력 힌트 -->
Id: <br>
<input type="text" name="id" placeholder="id를 입력하세요" required>
<br><hr>
<!-- disabled, readonly -->
별명: <br>
<input type="text" name="nick" value="Disabled" disabled><br>
<input type="text" name="hobby" value="Read Only" readonly><br>
<br><hr>
<!-- number -->
나이:<br>
<input type="number" name="age">
<br><hr>
<!-- password -->
User password:<br>
<input type="password" name="psw">
<br><hr>
<!-- radio -->
Radio : 하나의 value만 선택<br>
<input type="radio" name="gender" value="male">남성<br>
<input type="radio" name="gender" value="female" checked>여성<br>
<input type="radio" name="gender" value="pet">동물<br>
<br><hr>
<!-- checkbox -->
<input type="checkbox" name="vehicle1" value="바이크">자전거<br>
<input type="checkbox" name="vehicle2" value="오토모빌">자동차<br>
<br><hr>
<!-- button -->
<!-- <button> 도 있고 <input type="button" 도 있다 -->
<input type="button" onclick="alert('Hello HTML')" value="Click me"><br>
<br><hr>
<!-- reset -->
<input type="reset" value="초기화">
<!-- submit -->
<input type="submit" value="submit">
<!-- form 안의 button 은 type=button 이 명시 안되면 submit 동작을 하니 주의! -->
<!--<button>버튼이넹</button> => submit으로 동작함-->
<button type="button">submit작동하지 않는 버튼</button>
</form>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
