체크박스
<html>
<head>
<meta charset="utf-8">
<title>basic3</title>
</head>
<body>
<form>
<label><input type="checkbox"> 낚시</label>
<label><input type="checkbox"> </label>여행
<input type="checkbox" id="test3"> <label for="test3">독서</label>
<label><input type="checkbox"> 운동</label>
<label><input type="checkbox"> 게임</label>
<label><input type="checkbox" checked> 의외의 취미</label>
</form>
</body>
</html>
텍스트 박스
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<form>
<input type="text" size="30"><br>
<input type="text" maxlength="10"><br>
<input type="text" value="070"><br>
<input type="text" placeholder="010-000-0000"><br>
<input type="password"><br>
</form>
</body>
</html>
라디오 버튼, 체크박스, 버튼
<html>
<head>
<meta charset="utf-8">
<title>form 버튼의 유</title>
</head>
<body>
<p>좋아하는 브라우저는?</p>
<form>
<!--라디오 버튼
-->
<label><input type="radio" name="browser">Internet</label><br>
<label><input type="radio" name="browser">IE</label><br>
<label><input type="radio" name="browser">safari</label><br>
<label><input type="radio" name="browser">chrome</label><br>
<label><input type="radio" name="browser" checked>firefox</label><br>
<!--선택
-->
<select>
<option>당신의 직업은?</option>
<option>초등학생</option>
<option>중학생</option>
<option>고등학생</option>
<option>대학생</option>
<option>회사원</option>
<option>자영업</option>
<option selected>기타</option>
</select>
<!-- 버튼
-->
<input type="submit" value="submit">
<input type="reset" value="Reset">
<input type="button" value="button">
<input type="image" src="images/test.png" alt="login">
</form>
</body>
</html>
'프로그램 개발(분석, 설계, 코딩, 배포) > 2.1.1 web_html' 카테고리의 다른 글
| html iframe object embed 차이 (0) | 2023.11.20 |
|---|---|
| HTML 문서 꾸미기 (0) | 2023.09.24 |
| web_html_ 회원가입 예제 (0) | 2023.01.01 |
| WEB_HTML_테이블 (0) | 2023.01.01 |
| html 기본 구조 (0) | 2022.12.31 |
