암호는 ' password'이다. 맞는 암호와 틀린 암호를 넣어보시오.
<head>
..
<script language="javascript">
function chk(str){
if (document.fname.passname.value =='password') alert('암호 OK')
else {alert('암호 틀림 !')}
}
</script>
</head>
<body>
..
<img src=../gif/rfbtexm1.gif><br><br>
<div class=brown>
암호는 '<b>password</b>'이다. 맞는 암호와 틀린 암호를 넣어보시오.
<div class=indent>
<form name="fname">
암호:
<input type="password" name="passname" value="" maxlength="15" size="10">
<input type="button" value="확인"
onclick="chk(document.fname.passname.value)">
<input type="reset" value="다시"><br>
<script language="javascript">
document.write('document.write("document.fname.passname.value")="'+
document.fname.passname.value+'"<br>');
document.fname.passname.defaultValue="password";
document.write('document.fname.passname.defaultValue="password"<br>');
document.write('document.fname.elements[0].defaultValue="'+
document.fname.elements[0].defaultValue+'"<br>');
document.write('document.forms[0].elements[0].defaultValue="'+
document.forms[0].elements[0].defaultValue+'"<br>');
document.fname.passname.focus();
</script>
<br>당초에는 암호 값이 없었다. default 값이 "password"로 주어졌으므로
'다시(reset)'로 default 값이 암호 값 자리에 들어가서 다음에 '확인'을 클릭하면
맞는 암호가 된다. 이는 같은 작업을 할 때 일일히 암호를 입력하지 않고
기억하였다가 사용하는데 유용하다.
</form>
</div></div>
</body>
 중요 사항
- 암호 password는 FORM에서 INPUT type="password"로 지정하며, 입력란의 내용이 보이지 않는 것 이외에는 INPUT type="text"와 같다.
- field의 값은 document.frame.passname.value로 지정하는거나 조회하는데, fname는 FRAME name이고 passname는 INPUT name이다.
- function(str)로 기능을 수행하는데 str은 수행할 때 사용할 변수이다. alert(str)도 하나의 기능인데 별도로 정의할 필요가 없이 자체에서 제공하는 기능이다.
- onClick은 단추를 눌렀을 때를 말하며 예제에서 기능을 부른다.
- INPUT type="button"으로 단추를 만든다.
- 모든 사용자 입력사항은 FORM 안에 위치하여야만 작동한다.
- document.fname.passname.defaultValue="password";로서 암호에 디폴트 값을 부여 할 수 있다.
이 값은 document.fname.elements[0].defaultValue 혹은 document.forms[0].elements[0].defaultValue로 조회 할 수 있는데 forms 배열변수의 첫번째, elements[0]은 elements 배열변수의 첫번째를 말한다.
- 같은 방식으로 document.fname.passname.focus();하면 초점을 그곳에 줄수 있고, document.fname.passname.select();하면 그 내용을 선택 할 수 있다. 이들 이름 대신에 위와 같이 배열변수와 인덱스(0,1,..)로 지정 할 수도 있다,
|
제공