4A-1.html
실습문제4A-1.pdf
4A-1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
ul {
list-style: none
}
</style>
</head>
<body>
<form>
<h1>개발 언어1(1과목만 선택 가능)</h1>
<ul>
<li><input type="radio" name="lan"> 자바<br></li>
<li> <input type="radio" name="lan"> JSP<br></li>
<li><input type="radio" name="lan"> 자바스크립트<br></li>
</ul>
<ul>
</i> <input type="checkbox" name="oracle"> 오라클<br></li>
<li> <input type="checkbox" name="mysql"> my-sql<br></li>
<li><input type="checkbox" name="mssql"> ms-sql<br></li>
</ul>
</form>
</body>
</html>

4A-2.html
실습문제4A-2.pdf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<fieldset>
<legend>부동산 정보</legend>
위치 <input type="text"> <br>
연락처 <input type="text">
</fieldset>
<fieldset>
<legend>아파트 정보</legend>
평수 <input type="text"> <br>
층수 <input type="text">
</fieldset>
</form>
</body>
</html>

4A-3.html
실습문제4A-3.pdf
4A-3.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<fieldset>
<legend>중고책 정보</legend>
헌책 상태(하,중,상)<input type="range" value="2" min="1" max="3"><br>
주문갯수(최대 10개) <input type="number" value="1" min="0"max="10"><br>
단체주문(1인당 5개) <input type="number" value="5" min="0"max="50" step="5">
</fieldset>
</form>
</body>
</html>

4A-4.html
실습문제4A-4.pdf