![[HTML/CSS] 3. Chapter 2-11. 입력양식 만들기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-03-07T07%3A19%3A22.030Z-7741385c-af67-4fb0-a3ce-d2395f8b1662&w=2048&q=75)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action = "example.php" method="post" name = "contact -from">
이름: <input type = "text" placeolder="이름">
<hr>
이메일: <input type = "email" placeolder="이메일">
<hr>
성별:
<input type = "radio" name = "gender" value = "male">남자
<input type = "radio" name = "gender" value = "female">여자
<input type = "radio" name = "gender" value = "그 외">그 외
<hr>
좋아하는 색:
<input type = "checkbox" name = "color" value = "red" checked>빨강
<input type = "checkbox" name = "color" value = "blue">파랑
<input type = "checkbox" name = "color" value = "green">초록
<input type = "checkbox" name = "color" value = "yellow">노랑
<hr>
혈액형
<select name = "bloodtype">
<option value = "A">A형</option>
<option value = "B">B형</option>
<option value = "O">O형</option>
<option value = "AB">AB형</option>
<option value = "모름">모름</option>
</select>
<hr>
<textarea name = "message" placeholder="메세지 입력"></textarea>
<hr>
<input type = "image" src = "/sumit.png" width = "100" height = "50" alt="전송">
</form>
</body>
</html>
Share article