1. ์ฃผ์ ์ ๋ ฅ / ํฐํธ ์ฌ์ด์ฆ ๋ฐ ์ปฌ๋ฌ
Test1.
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- head ์ฌ์ด์ css๋ฅผ ์ ๋ ์์ญ์ด ์๊น -->
<style type="text/css">
body {
font-size: 10pt;
}
span.c1{
color: blue;
}
span.c2 {
color: red;
}
</style>
</head>
<body>
๋๋ body์ ์๋ ๋ฌธ์๋ค <br/>
<font size="5">ํฐํธ5</font>
<!-- css๋ก๋ ํํ๊ฐ๋ฅ -->
<font style="font-size: 14pt;">ํฐํธ14</font>
<font style="font-size: 40pt;">ํฐํธ40</font>
<hr/>
<table border="1">
<tr align="center">
<td><font size="2" color="blue"> ๋ธ๋ฃจํฌ์ค(์์ด: Bluetooth)๋
1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3] ๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ ๋ฌด์ ํต์ ์ฐ์
ํ์ค์ด๋ค. </font>
<td>
<td><font size="2" color="blue"> ๋ธ๋ฃจํฌ์ค(์์ด: Bluetooth)๋
1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3] ๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ ๋ฌด์ ํต์ ์ฐ์
ํ์ค์ด๋ค. </font></td>
</tr>
</table>
<!-- css : style๋ก ์์
ํ๋ฉด ํ์ค๋ก ์์
ํ ์ ์์ -->
<table border="1" style="font-size: 10pt; color: indianred;">
<tr align="center">
<td>๋ธ๋ฃจํฌ์ค(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3] ๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ
์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ ๋ฌด์ ํต์ ์ฐ์
ํ์ค์ด๋ค.
<td>
<td>๋ธ๋ฃจํฌ์ค(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3] ๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ
์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ ๋ฌด์ ํต์ ์ฐ์
ํ์ค์ด๋ค.</td>
</tr>
</table>
<br/>
<hr/>
<br/>
<table style="font-size: 10pt; font-family: ๋์;" cellpadding="3">
<tr>
<td><b>์์ด๋</b></td>
<td><input type="text" style="width: 100pt; height: 15pt;" /></td>
<td></td>
</tr>
<tr>
<td><b>๋น๋ฐ๋ฒํธ</b></td>
<td><input type="password" style="width: 100pt; height: 15pt;" /></td>
<td><img src="../html1/image/btn_login.gif" /></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="checkbox">์์ด๋
์ ์ฅ <input type="checkbox" checked="checked">๋ณด์ ์ ์</td>
</tr>
<tr height="1">
<td colspan="3" bgcolor="#dad6d7"></td>
</tr>
</table>
<br/>
<hr/>
<br/>
<span style="color: blue;">๋ธ๋ฃจํฌ์ค</span>(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3]
๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ <span style="color: red;">๋ฌด์ ํต์ </span> ์ฐ์
ํ์ค์ด๋ค.
ISM ๋์ญ์ ํฌํจ๋๋ 2.4~2.485GHz์ ๋จํ UHF ์ ํ๋ฅผ ์ด์ฉํ์ฌ[4]
์ ์ ์ฅ๋น ๊ฐ์ ์งง์ ๊ฑฐ๋ฆฌ์ ๋ฐ์ดํฐ ํต์ ๋ฐฉ์์ ๊ท์ ํ๋ <span style="color: blue;">๋ธ๋ฃจํฌ์ค</span>๋,
๊ฐ์ธ์ฉ ์ปดํจํฐ์ ์ด์ฉ๋๋ ๋ง์ฐ์ค, ํค๋ณด๋๋ฅผ ๋น๋กฏํด, ํด๋์ ํ ๋ฐ ์ค๋งํธํฐ, ํ๋ธ๋ฆฟ, ์คํผ์ปค ๋ฑ์์
๋ฌธ์ ์ ๋ณด ๋ฐ ์์ฑ ์ ๋ณด๋ฅผ ๋น๊ต์ ๋ฎ์ ์๋๋ก ๋์งํธ ์ ๋ณด๋ฅผ <span style="color: red;">๋ฌด์ ํต์ </span>์ ํตํด ์ฃผ๊ณ ๋ฐ๋ ์ฉ๋๋ก ์ฌ์ฉ๋๊ณ ์๋ค.
<br/><br/>
<!-- <head>์ <style>์ ๊ธฐ์
ํด๋๊ณ , class๋ก ํธ์ถํจ -->
<span class="c1">๋ธ๋ฃจํฌ์ค</span>(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3]
๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ <span class="c2">๋ฌด์ ํต์ </span> ์ฐ์
ํ์ค์ด๋ค.
ISM ๋์ญ์ ํฌํจ๋๋ 2.4~2.485GHz์ ๋จํ UHF ์ ํ๋ฅผ ์ด์ฉํ์ฌ[4]
์ ์ ์ฅ๋น ๊ฐ์ ์งง์ ๊ฑฐ๋ฆฌ์ ๋ฐ์ดํฐ ํต์ ๋ฐฉ์์ ๊ท์ ํ๋ <span class="c1">๋ธ๋ฃจํฌ์ค</span>๋,
๊ฐ์ธ์ฉ ์ปดํจํฐ์ ์ด์ฉ๋๋ ๋ง์ฐ์ค, ํค๋ณด๋๋ฅผ ๋น๋กฏํด, ํด๋์ ํ ๋ฐ ์ค๋งํธํฐ, ํ๋ธ๋ฆฟ, ์คํผ์ปค ๋ฑ์์
๋ฌธ์ ์ ๋ณด ๋ฐ ์์ฑ ์ ๋ณด๋ฅผ ๋น๊ต์ ๋ฎ์ ์๋๋ก ๋์งํธ ์ ๋ณด๋ฅผ <span class="c2">๋ฌด์ ํต์ </span>์ ํตํด ์ฃผ๊ณ ๋ฐ๋ ์ฉ๋๋ก ์ฌ์ฉ๋๊ณ ์๋ค.
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- head์์ ์จ์ฃผ๊ธฐ / css๋ถ๋ฌ์ค๋ ๋ฐฉ๋ฒ : link (์ธ๋ถ href="") -->
<!-- css : cascade style sheet (๊ฐ์ ๋ก ์คํ์ผ ์ ์ฉ) -->
<!-- ๊ฐ์๊ณต๊ฐ : ๋ฌธ์์ด๋ฆ / ๋ค๋ฅธ๊ณต๊ฐ : ์ฃผ์๋ ํจ๊ป์ ์ด์ฃผ๋ฉด ๋จ -->
<link type="text/css" rel="stylesheet" href="style.css">
<style type="text/css">
input.box{
border: 1px solid #c8c8c8;
width: 87px;
height: 19px;
}
table {
font-size: 10pt;
font-family: ๋์;
}
</style>
</head>
<body>
<span class="c1">๋ธ๋ฃจํฌ์ค</span>(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3]
๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ <span class="c2">๋ฌด์ ํต์ </span> ์ฐ์
ํ์ค์ด๋ค.
ISM ๋์ญ์ ํฌํจ๋๋ 2.4~2.485GHz์ ๋จํ UHF ์ ํ๋ฅผ ์ด์ฉํ์ฌ[4]
์ ์ ์ฅ๋น ๊ฐ์ ์งง์ ๊ฑฐ๋ฆฌ์ ๋ฐ์ดํฐ ํต์ ๋ฐฉ์์ ๊ท์ ํ๋ <span class="c1">๋ธ๋ฃจํฌ์ค</span>๋,
๊ฐ์ธ์ฉ ์ปดํจํฐ์ ์ด์ฉ๋๋ ๋ง์ฐ์ค, ํค๋ณด๋๋ฅผ ๋น๋กฏํด, ํด๋์ ํ ๋ฐ ์ค๋งํธํฐ, ํ๋ธ๋ฆฟ, ์คํผ์ปค ๋ฑ์์
๋ฌธ์ ์ ๋ณด ๋ฐ ์์ฑ ์ ๋ณด๋ฅผ ๋น๊ต์ ๋ฎ์ ์๋๋ก ๋์งํธ ์ ๋ณด๋ฅผ <span class="c2">๋ฌด์ ํต์ </span>์ ํตํด ์ฃผ๊ณ ๋ฐ๋ ์ฉ๋๋ก ์ฌ์ฉ๋๊ณ ์๋ค.
<br/>
<hr/>
<br/>
<table>
<tr>
<td><input type="text" class="box"
style="background: url('../html1/image/bg_log_id.gif') no-repeat 5px 3px #fff;"
onfocus="this.sytle.backgroundImage='';" /></td>
<td></td>
</tr>
<tr>
<td><input type="password" class="box"
style="background: url('../html1/image/bg_log_pw.gif') no-repeat 5px 3px #fff;"
onfocus="this.sytle.backgroundImage='';" /></td>
<td><img src="../html1/image/btn_login.gif" /></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="checkbox">์์ด๋
์ ์ฅ <input type="checkbox" checked="checked">๋ณด์ ์ ์</td>
</tr>
<tr height="1">
<td colspan="3" bgcolor="#dad6d7"></td>
</tr>
</table>
<!-- <input type="text" placeholder="์์ด๋"/>๋ ๊ฐ๋ฅ -->
</body>
</html>๐ ์ถ๋ ฅ
๋ฐ๋ก style.css ๋ง๋ค์ด์ฃผ๊ธฐ
2. html -> css์ ์ ํ์ ๋
Test2.
๐ป ์ ๋ ฅ
๐ ์ถ๋ ฅ
3. โญJS (javascript)
Test3.
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var str;
str = "๋ณ์ ์ ์ธ";
document.write(str + "<br>");
document.write(str + ":" + typeof(str) + "<br>");
str = 123;
document.write(str + ":" + typeof(str) + "<br>");
str = true;
document.write(str + ":" + typeof(str) + "<br>");
document.write("-----------------<br/>")
var hello = "์ ์ญ๋ณ์";
function thisFunc(){
var hello = "์ง์ญ๋ณ์";
global = "ํจ์ ์ ์ ์ญ๋ณ์";
var local = "์ง์ญ๋ณ์ local"
document.write("ํจ์ ์...<br/>")
document.write(hello + "<br/>");
document.write(global + "<br/>");
document.write(local + "<br/>");
}
thisFunc();
document.write("ํจ์ ๋ฐ...<br/>")
document.write(hello + "<br/>");
document.write(global + "<br/>");
//document.write(local + "<br/>");
document.write("-----------------<br/>")
var num1=10, num2=3;
document.write("num1+num2="+ (num1+num2) + "<br/>");
document.write("num1+num2="+ (num1-num2) + "<br/>");
document.write("num1+num2="+ (num1*num2) + "<br/>");
document.write("num1+num2="+ (num1/num2) + "<br/>");
document.write("-----------------<br/>")
document.write("num1>num2 :"+ (num1>num2) + "<br/>");
document.write("num1!=num2 :"+ (num1!=num2) + "<br/>");
document.write("num1==num2 :"+ (num1==num2) + "<br/>");
document.write("-----------------<br/>")
var ans;
ans = 0;
if(ans>0){
document.write("์์์
๋๋ค");
}else if(ans<0){
document.write("์์์
๋๋ค");
}else{
document.write("0์
๋๋ค");
}
document.write("<br/>-----------------<br/>")
for(var i=1;i<=10;i++){
document.write(i+"<br/>");
}
document.write("-----------------<br/>")
var j = 1;
while(j<=10){
document.write(j+"\t");
j++;
}
</script>
</head>
<body>
</body>
</html>๐ ์ถ๋ ฅ
4 โญ
Test4
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test1(){
alert("์ฌ๊ธฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ...");
}
//test1();
</script>
</head>
<body onload = "test1();">
์ฌ๊ธฐ๋ body...
</body>
</html>๐ ์ถ๋ ฅ
ํธ์ถํ๋ 2๊ฐ์ง ๋ฐฉ๋ฒ
5. ๋ฐฐ๊ฒฝ์ ์ ํํ๊ธฐ
Test5
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function colorChange(color) {
document.bgColor = color;
}
</script>
</head>
<body>
<h1>๋ฐฐ๊ฒฝ์ ์ ํํ๊ธฐ</h1>
<input type="radio" name="r1" value="white" checked="checked"
onclick="colorChange('white');"/>white<br/>
<input type="radio" name="r1" value="red"
onclick="colorChange('red');"/>red<br/>
<input type="radio" name="r1" value="blue"
onclick="colorChange('blue');"/>blue<br/>
<input type="radio" name="r1" value="yellow"
onclick="colorChange('yellow');"/>yellow<br/>
</body>
</html>
๐ ์ถ๋ ฅ
6. ์์ด๋/๋น๋ฒ ์ผ๋์ง ๊ฐ๋ณํ๋ ์ฝ๋
Test6
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function idpwCheck(){
var f = document.myForm;
if(!f.id.value){
alert("์์ด๋๋ฅผ ์
๋ ฅํ์ธ์.");
f.id.focus();
return;
}
if(!f.pwd.value){
alert("ํจ์ค์๋๋ฅผ ์
๋ ฅํ์ธ์.");
f.pwd.focus();
return;
}
document.write('๋ก๊ทธ์ธ ์ฑ๊ณต!!');
}
</script>
</head>
<body>
<!-- ์์ด๋/๋น๋ฒ ์ผ๋์ง ๊ฐ๋ณํ๋ ์ฝ๋ -->
<form action="" name="myForm">
<table border="0" style="font-size: 10pt; font-family: ๋์;"
cellpadding="3">
<tr>
<td><b>์์ด๋</b></td>
<td><input type="text" style="width: 100px; height: 22px;" name="id"></td>
<td></td>
</tr>
<tr>
<td><b>๋น๋ฐ๋ฒํธ</b></td>
<td><input type="password" style="width: 100px; height: 22px;" name="pwd"></td>
<td>
<a href="javascript:idpwCheck();">
<img src="../html1/image/btn_login.gif" /></a>
</td>
</tr>
<tr>
<td colspan="3" align="center"><input type="checkbox">์์ด๋
์ ์ฅ <input type="checkbox" checked="checked">๋ณด์์ ์</td>
</tr>
<tr height="1">
<td colspan="3" bgcolor="#dad6d7"></td>
</tr>
</table>
</form>
</body>
</html>๐ ์ถ๋ ฅ
7. ์๋์ฐ ์ฐฝ ํ์ / ์ด๋ฏธ์ง ๋ค๋ฃจ๊ธฐ / ์ฃผ๋ฌธ๊ณ ๊ฐ์ ๋ณด - ์ฃผ์
Test7
๐ป ์
๋ ฅ
html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function fOpen() {
window.open("addr.html", "newwindow",
"width=400, height=200,status=yes")
}
function fImg(scrc) {
//alert("์๋ชป๋ ์ ๊ทผ์
๋๋ค.");
window.document.images["img1"].src = scrc;
}
function addrCopy() {
var f = document.myForm;
if(f.chk.checked){
f.client2.value = f.client1.value;
}else{
f.client2.value = "";
}
}
function checkAll() {
var clength = document.mySul["sul"].length;
//alert(clength); 8๊ฐ
//index๋ฒํธ ์์
for(var i=0; i< clength;i++){
document.mySul["sul"][i].checked = true;
}
}
function checkDel() {
var clength = document.mySul["sul"].length;
for(var i=0; i< clength;i++){
document.mySul["sul"][i].checked = false;
}
}
function bestPoll() {
var f = document.bestSul
var clength = f.bsul.length;
for(var i = 0; i<clength; i++){
if(f.bsul[i].checked){
alert(f.bsul[i].value + "๋ฅผ(์) ์ข์ํ๋๊ตฌ๋?");
return;
}
}
alert("์ ์ซ์ดํ๋๊ตฌ๋?");
}
function emailCheck() {
var f = document.mySel;
var clength = f.emailSel.options.length;
var cindex = f.emailSel.selectedIndex;
//alert(clength + ":"+cindex); -> 6:5(์ ํ๋ ์ธ๋ฑ์ค)
f.email2.value="";
if(cindex==(clength-1)){
f.email2.readOnly = false;
}else{
f.email2.value = f.emailSel.options[cindex].value;
f.email2.readOnly = true;
}
}
</script>
</head>
<body>
์๋ก์ด ์๋์ฐ ์ด๊ธฐ
<br />
<br /> ๊ฑฐ์ฃผ์ง์ญ
<a href="javascript:fOpen();"> <img
src="../html1/image/bt_internal.gif" /></a>
<br/>
<hr/>
<br/>
<h3>์ด๋ฏธ์ง ๋ค๋ฃจ๊ธฐ</h3>
<img src="../html1/image/13798939b.jpg" width="300"
height="300" name="img1"><br/>
<img src="../html1/image/13798939b.jpg" width="80"
border="1" onmouseover="fImg(../html1/image/13798939b.jpg)">
<img src="../html1/image/13798939c.jpg" width="80"
border="1" onmouseover="fImg(../html1/image/13798939c.jpg)">
<img src="../html1/image/13798939e.jpg" width="80"
border="1" onmouseover="fImg(../html1/image/13798939e.jpg)">
<img src="../html1/image/13798939f.jpg" width="80"
border="1" onmouseover="fImg(this.src)">
<br/>
<hr/>
<br/>
<form action="" name="myForm">
์ฃผ๋ฌธ๊ณ ๊ฐ์ ๋ณด - ์ฃผ์ <input type="text" size="40" name="client1">
<input type="checkbox" name="chk" onclick="addrCopy();"/>๋ฐฐ์ก์ฅ์๊ฐ ์์ ๋์ผ
๋ฐฐ์ก์ฅ์ ์ ๋ณด - ์ฃผ์ <input type="text" size="40" name="client2">
</form>
<br/>
<hr/>
<br/>
<h3>์ข์ํ๋ ์ ์ข
๋ฅ</h3>
<form action="" name="mySul">
<a href="javascript:checkAll();">์ ์ฒด์ ํ</a>/
<a href="javascript:checkDel();">์ ์ฒดํด์ </a><br/>
<input type="checkbox" name="sul"/>์์คํค<br/>
<input type="checkbox" name="sul"/>๋งฅ์ฃผ<br/>
<input type="checkbox" name="sul"/>๋ณด๋์นด<br/>
<input type="checkbox" name="sul"/>์์ฃผ<br/>
<input type="checkbox" name="sul"/>๋ง๊ฑธ๋ฆฌ<br/>
<input type="checkbox" name="sul"/>์์ธ<br/>
<input type="checkbox" name="sul"/>๊ผฌ๋<br/>
<input type="checkbox" name="sul"/>์นตํ
์ผ<br/>
</form>
<br/>
<hr/>
<br/>
<h3>๊ฐ์ฅ ์ข์ํ๋ ์ </h3>
<form action="" name="bestSul">
<input type="radio" name="bsul" value="์์คํค"/>์์คํค<br/>
<input type="radio" name="bsul" value="๋งฅ์ฃผ"/>๋งฅ์ฃผ<br/>
<input type="radio" name="bsul" value="๋ณด๋์นด"/>๋ณด๋์นด<br/>
<input type="radio" name="bsul" value="์์ฃผ"/>์์ฃผ<br/>
<input type="radio" name="bsul" value="๋ง๊ฑธ๋ฆฌ"/>๋ง๊ฑธ๋ฆฌ<br/>
<input type="radio" name="bsul" value="์์ธ"/>์์ธ<br/>
<input type="radio" name="bsul" value="๊ผฌ๋"/>๊ผฌ๋<br/>
<input type="radio" name="bsul" value="์นตํ
์ผ"/>์นตํ
์ผ<br/>
<a href="javascript:bestPoll();">
<br/><img src="../html1/image/btn_poll01.gif"/>
</a>
</form>
<br/>
<hr/>
<br/>
<form action="" name="mySel">
email ์ฃผ์ :
<input type="text" name="email1"/>
@
<input type="text" name="email2" readonly="readonly"/>
<select name="emailSel" onchange="emailCheck();">
<option value="">์ ํ</option>
<option value="naver.com">๋ค์ด๋ฒ</option>
<option value="daum.net">๋ค์</option>
<option value="yahoo.com">์ผํ</option>
<option value="nate.com">๋ค์ดํธ</option>
<option value="">์ง์ ์
๋ ฅ</option>
</select>
</form>
</body>
</html>๐ ์ถ๋ ฅ
- ==""null์ด๋ฉด
์์ด๋ใ ฃ๋ฅผ ์ ๋ ฅํ์ง์์์ผ๋ฉด ๋น๋ฐ๋ฒํธ๋ ๊ฒ์ฌํ ํ์ ์์
๋จ์ผ if๋ฌธ(+elseif/else)์ผ๋ก ๋ง๋ค๋ฉด ์๋จ
-
์ด๋ฏธ์ง๊ฐ ๋ก๊ทธ์ธ๋ฒํผ
-
if(!f.id.value){ //๊ฐ์ด ์์ง์์ผ๋ฉด
}
์๋์ฐ์ฐฝ ๋์ฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ
๋ง์ฐ์ค ๊ฐ๋ค๋๋ฉด ํ๋ฉด์ ์ด๋ฏธ์ง ๋จ๊ธฐ
์ฃผ๋ฌธ๊ณ ๊ฐ์ ๋ณด - ์ฃผ์
-
chk = ์๋ input์ ์ฒดํฌ๋ฐ์ค
-
์ฒดํฌ๋ฐ์ค๋ฅผ ์คํํ ๊ทธ ์๊ฐ
->๋ฐฐ์ก์ฅ์๊ฐ ์์ ๋์ผ
onclick="addrCopy();"์ถ๊ฐ!!
โ ์ฒดํฌํ๋ฉด - ture => ๊ทธ๋ผ ๋ฌธ์๊ฐ๊ณ ์์ ๋ฃ์ด
โก false =-> null๊ฐ ํ์ํด
์ฝ๋๋ฅผ ์
๋ ฅํ์ธ์
์ข์ํ๋ ์ ์ข ๋ฅ
๊ฐ์ฅ ์ข์ํ๋ ์
-
๋ค ๋ค์ ๊ฑฐ๋ ค์ผํจ
-
๊ทผ๋ฐ ์ค๊ฐ๋ถ๋ถ์ ํ๋๊ฐ true์ฌ์ ์ฒดํฌํ๋ฉด ๋ฐ์๊ป ๋ฐ๋ณต๋ฌธ์ด ๋ฉ์ถฐ์ผ ํจ. -> if๋ฌธ ๋น๊ต (return) ํ์!
-
์๋ฌด๊ฒ๋ ์ ํํ์ง์์๋ค๋ฉด for๋ฌธ์ด ๋ค ๋๋๊ณ ๋ฐ๊นฅ์ ๋ฐ๋๋ง(์ซ์ดํ๋๊ตฌ๋?)๋ฅผ ์
์ด๋ฉ์ผ ์ฃผ์
-
email ์ฃผ์ :
@
-
readonly="readonly" : ์ฝ๊ธฐ์์ฑ - ๊ธ์จ ์ ๋ ฅ ๋ถ๊ฐ!
- selection์ ๊ฐ์๋ฅผ ์ธ๊ธฐ๋๋ฌธ์ options.length๋ฅผ ์จ์ค
var length = f.emailSel.options.length;
-
์ ํ๋ ๊ฒ์ index (ex, ๋ค์ด๋ฒ๋ฉด ๋๋ฒ์งธ๋๊น 1)
var cindex = f.emailSel.selectedIndex; -
select name="emailSel"
์ ๋ ํธ๊ฐ ๋ฐ๋๋๋ง๋ค emailCheck();ํจ์ ํธ์ถํด๋ผ-if(cindex==(clength-1)){
์ง์ ์ ๋ ฅ์ ์ ํํ์ผ๋ฉด readonly๋ฅผ ํ์ด์ผํจ,
๊ทธ ์ด์ธ์
else{ f.email2.value = f.emailSel.options[cindex].value; f.email2.readOnly = true; }
์ฝ๊ธฐ์์ฑ์ ํ๋ฆฌ๋, value๊ฐ์ด selectํ ๋๋ง๋ค ๋ค์ด๊ฐ์ผํจ
