<!DOCTYPE html><HTML><HEAD><TITLE> 실습과제 1 </TITLE><script language="javascript">function valueChange() {
var x=document.getElementById('number');
var y=document.getElementById('range');
y.value=x.value;
}
</script></HEAD><BODY><form>
숫자 값에 따라 움직이는 지점
<inputid="number"type="number"min="0"max="10"onchange="valueChange();"/><br><inputid="range"type="range"min="0"max="10"/></form></BODY></HTML>
<!DOCTYPE html><html><head><title> 실습과제 2 </title><script language="javascript">var k=0;
function mark() {
var mun1=document.getElementsByName("choice1");
var mun2=document.getElementsByName("choice2");
var mun3=document.getElementsByName("choice3");
var me=document.getElementById("me");
if(mun1[1].checked){
k += 1;
}
if(mun2[3].checked){
k += 1;
}
if(mun3[0].checked){
k += 1;
}
me.value=k;
k=0;
}
function re(){
var me=document.getElementById("me");
me.value=0;
}
</script></head><body><h2><center>문 제</center></h2><HRcolor="red"><form><br><br>1. 브라우저에게 문서의 유형을 알려주는 것으로, HTML5의 문서 유형을 선언하는 html태그는? <br><br><inputtype="radio"name="choice1"value="2"> !HTML5
<inputtype="radio"name="choice1"value="1"> !DOCTYPE
<inputtype="radio"name="choice1"value="2"> !DOCTYPE5
<inputtype="radio"name="choice1"value="2"> !HTML5-DOCTYPE
<br><br>2. input 태그의 속성 중 입력 요소에 힌트를 미리 표시하는 속성은?<br><br><inputtype="radio"name="choice2"value="2"> autocomplete
<inputtype="radio"name="choice2"value="2"> autofocus
<inputtype="radio"name="choice2"value="2"> pattern
<inputtype="radio"name="choice2"value="1"> placeholder
<br><br>3. input 태그의 타입 중 details 태그와 함께 사용되기도 하며, 주로 세부 사항의 요약을 표시하는 태그는?<br><br><inputtype="radio"name="choice3"value="1"> summary
<inputtype="radio"name="choice3"value="2"> fieldset
<inputtype="radio"name="choice3"value="2"> legend
<inputtype="radio"name="choice3"value="2"> meter
<br><br><inputtype="button"value="채점"onclick="mark()"><inputtype="reset"value="리셋"onclick="re()"><meterid="me"min="0"max="3"value="0"></meter></form></body></html>
10_1.html
