'Language/JAVASCRIPT'에 해당되는 글 106건

  1. 2010.05.19 select option 생성
  2. 2010.05.19 풍선도움말 div display
  3. 2010.05.19 쓸만한 javascript filter 와 속성
  4. 2010.05.14 submit 하기 전 이벤트를 처리하는 2가지 방법
  5. 2010.05.14 onClick 이벤트에 return 문에 사용 및 차이점
  6. 2010.05.14 with
  7. 2010.05.10 document.open(), document.close() 메소드
  8. 2010.05.10 TEXTAREA
  9. 2010.05.10 Submit
  10. 2010.05.10 reset

select option 생성

Language/JAVASCRIPT 2010. 5. 19. 19:06

<html>
<head>
<script type="text/javascript">
function go() {
  if(document.orderfrm.payment.value=="a") {
    document.all.Layer1.style.display="";
  } else {
    document.all.Layer1.style.display="none";
  }
}
</script>
</head>
<body>
<form name="orderfrm">
  <select name="payment" onchange="go()">
    <option>선택하세요</option>
    <option value="a">무통장입금</option>
    <option value="b">신용카드</option>
  </select>
  <div id="Layer1" style="display:none;">
    <select name="payment2">
      <option>은행을 선택하세요</option>
      <option value="bank1">국민은행 : 000000-00-000000 예금주 : 안혜경</option>
      <option value="bank2">농협 : 000-00-000000 예금주: 안혜경</option>
    </select>
  </div>
</form>
</body>
</html>

[출처] div display style|작성자 whitefre

:

풍선도움말 div display

Language/JAVASCRIPT 2010. 5. 19. 18:57

<html>
<head>
<script>
/*풍선 도움말*/
var nav = (document.layers);
var iex = (document.all);

function pop(msg,bak,width,titlemsg) {
        if(msg == "") return;
        var skn = document.all.topdecks;
        var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 BGCOLOR=#505050><TR><TD>"+
             "<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR align=center height=22><TD><B><font color=white>"+titlemsg+"</B></TD></TR></TABLE>"+
             "<TABLE cellpadding=0 cellspacing=0 BGCOLOR="+bak+"><TR><TD style='padding:5;'><FONT COLOR=#000000><nobr>"+msg+"</nobr></FONT></TD></TR></TABLE></TD></TR></TABLE>";

    skn.innerHTML = content;
    skn.style.display = "";
}
function get_mouse(e) {
    var skn = document.all.topdecks;
    var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
    var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
    skn.style.left = x - 0;
    skn.style.top  = y+20;
}
function kill() {
        var skn = document.all.topdecks;
        skn.style.display = "none";
}
document.onmousemove = get_mouse;
</script>
</head>
<body>

<div id="topdecks" name="topdecks" style="position : absolute;display:none;">&nbsp;</div>

<a href="http://wsabstract.com" ONMOUSEOVER="pop('여기에 풍선도움말 내용을 입력하세요.','lightgreen','200','title1')"; ONMOUSEOUT="kill()">풍선도움말 1</a>
<a href="http://webmonkey.com" ONMOUSEOVER="pop('여기에 풍선도움말 내용을 입력하세요.','lightblue','300','title2')"; ONMOUSEOUT="kill()">풍선도움말 2</a>

</body>
</html>

:

쓸만한 javascript filter 와 속성

Language/JAVASCRIPT 2010. 5. 19. 14:48


GradientWipe
style="filter: progid:DXImageTransform.Microsoft.GradientWipe(Duration=0.5,GradientSize=1,WipeStyle=1);"

Blinds
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=50,direction=down);"

CheckerBoard
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.CheckerBoard(direction=down,squaresx=12,squaresy=12);"

Inset
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.Inset(duration=0.5);

RadialWipe
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.RadialWipe(duration=0.5,wipestyle=RADIAL,CLOCK,WEDGE);"

RandomBars
filter: progid:DXImageTransform.Microsoft.RandomBars
(duration=0.5,orientation=horizontal,vertical);"
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.RandomBars
(duration=0.5,orientation=horizontal,vertical);

RandomDissolve
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5);"

Slide
filter: progid:DXImageTransform.Microsoft.Slide(bands=50,duration=1,slidestyle=hide,swap,push);"

Spiral
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.Spiral(duration=0.5,gridsizex=100,gridsizey=100);"

Strips
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=leftup,leftdown,rightup,rightdown);"

Wheel
style="cursor:pointer; filter: progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=20);

출처 - http://koxo.com/lang/js/index.html

'Language > JAVASCRIPT' 카테고리의 다른 글

select option 생성  (0) 2010.05.19
풍선도움말 div display  (0) 2010.05.19
submit 하기 전 이벤트를 처리하는 2가지 방법  (0) 2010.05.14
onClick 이벤트에 return 문에 사용 및 차이점  (0) 2010.05.14
with  (0) 2010.05.14
:

submit 하기 전 이벤트를 처리하는 2가지 방법

Language/JAVASCRIPT 2010. 5. 14. 16:10

* 폼의 값을 submit 하기 전 이벤트를 처리하는 2가지 방법

1. input 태그에서 처리
<form name='cform' method='POST' action='process.php'>
<input type="image" src=" " width="50" height="22" onClick="return insert();">
or
<form name='cform' method='POST' action='process.php'>
<input type="image" src=" " width="50" height="22" onClick="insert(); return false;">

2. from 태그에서 처리
<form name='cform' method='POST' action='process.php'  onsubmit="return insert();">
<input type="image" src=" " width="50" height="22">


'Language > JAVASCRIPT' 카테고리의 다른 글

풍선도움말 div display  (0) 2010.05.19
쓸만한 javascript filter 와 속성  (0) 2010.05.19
onClick 이벤트에 return 문에 사용 및 차이점  (0) 2010.05.14
with  (0) 2010.05.14
document.open(), document.close() 메소드  (0) 2010.05.10
:

onClick 이벤트에 return 문에 사용 및 차이점

Language/JAVASCRIPT 2010. 5. 14. 16:09

onClick 이벤트에 return 문에 사용 및 차이점

예) onClick="return check_name_text(); 과 onClick="check_name_text(); 차이점
아래의 예제를 보면 공백 체크하는 예제입니다.

onClick="return check_name_text(); 일경우에는 에러멘트 발생후 다음 이벤트가 동작하지 않습니다.
즉 폼으로 전송이 안되죠..

onClick="check_name_text();  일경우에는 에러멘트 발생후 에러에 다음 return값에 상관없이 동작합니다.
즉 폼으로 데이타가 전송이 되는 거죠..

쉽게 이야기 하면 onClick에서 이벤트에 return 문이 앞에오면 에러가 있을경우 그다음 내용이 동작하지 않습니다.

한번 테스트 해보세요...

<SCRIPT LANGUAGE="JavaScript">
<!-- Website  http://www.cginjs.com -->
function check_name_text() { 
var f=document.cnjform;
if (f.UserName.value =="") {
alert("공백입니다. 이름을 입력하십시오.");
f.UserName.focus();
return false;
}
}
// End -->
</script>

<center>

onClick에서 이벤트에 return 있을경우
<form name="cnjform"> 
이름에 한글 만 사용가능(욕 필터링,특정단어 예약)<br><br>
이름 : <input type="text" name="UserName" size="12">
<input type="submit" value="확인" onClick="return check_name_text();"> 
</form>

onClick에서 이벤트에 return 없을을경우
<form name="cnjform"> 
이름에 한글 만 사용가능(욕 필터링,특정단어 예약)<br><br>
이름 : <input type="text" name="UserName" size="12">
<input type="submit" value="확인" onClick="check_name_text();"> 
</form>



 

'Language > JAVASCRIPT' 카테고리의 다른 글

쓸만한 javascript filter 와 속성  (0) 2010.05.19
submit 하기 전 이벤트를 처리하는 2가지 방법  (0) 2010.05.14
with  (0) 2010.05.14
document.open(), document.close() 메소드  (0) 2010.05.10
TEXTAREA  (0) 2010.05.10
:

with

Language/JAVASCRIPT 2010. 5. 14. 12:53

with문은 반복할 특정객체를 생략하고 속성이나 메소드를 사용할 수 있게 해주어서, 코드가 간결해진다.
하지만 with를 사용한 자바스크립트는 최적화되기가 어렵고 속도도 느려질 수가 있으므로 주의해서 사용한다.

<script type="text/javascript">
   with (document) {
       write('일일이 써주지 않아도');
       write('나와요.');
   }
</script>

<a href="#" id="linkbtn">link</a>
<script type="text/javascript">
   with(document.getElementById('linkbtn')) {
       style.color = '#333';
       style.fontFamily = 'Verdana';
       onclick = function() {
           alert('ok');
       }
   }
</script>

출처 - http://sunspell.net/163

'Language > JAVASCRIPT' 카테고리의 다른 글

submit 하기 전 이벤트를 처리하는 2가지 방법  (0) 2010.05.14
onClick 이벤트에 return 문에 사용 및 차이점  (0) 2010.05.14
document.open(), document.close() 메소드  (0) 2010.05.10
TEXTAREA  (0) 2010.05.10
Submit  (0) 2010.05.10
:

document.open(), document.close() 메소드

Language/JAVASCRIPT 2010. 5. 10. 15:39

이 메소드는 새로운 문서의 작성을 시작하고 종료시키는 메소드이다.

document.write() 와 함게 사용되면 document.open() 메소드는 생략해도 무방하지만, 작성을 종료할 때 document.close()는 반드시 써 주어야 한다.

 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <TITLE> </TITLE>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. function myFunc() {
  8.         myWin = window.open("","popwin","width=400,height=300");
  9.         myWin.document.open();
  10.         myWin.document.write("<HTML><HEAD><TITLE>SAMPLE</TITLE></HEAD>");
  11.         myWin.document.write("<BODY bgColor='gold'>");
  12.         myWin.document.write("<P align=center><b>안녕하세요?</B></P>");
  13.         myWin.document.write("</BODY></HTML>");
  14.         myWin.document.close();
  15. }
  16. </SCRIPT>
  17. </HEAD>
  18.  
  19. <BODY>
  20.  
  21. <input type=button onClick="myFunc();" value="새창 열기">
  22.  
  23. </BODY>
  24. </HTML>

'Language > JAVASCRIPT' 카테고리의 다른 글

onClick 이벤트에 return 문에 사용 및 차이점  (0) 2010.05.14
with  (0) 2010.05.14
TEXTAREA  (0) 2010.05.10
Submit  (0) 2010.05.10
reset  (0) 2010.05.10
:

TEXTAREA

Language/JAVASCRIPT 2010. 5. 10. 15:36

폼에 여러 줄 입력란을 만든다. 이것은 2줄 이상 입력란을 만들 때 사용하고 text개체는 한 줄 입력란을 만들 때 사용한다.

property(속성)

method(메써드)

event handlers

netscape6.0

Expolorer

netscape6.0

Explorer

공통

defaultValue    
 
blur    
 
onBlur
form    
 
focus
focus
onClick
name
Name
select
select
onDblClick
type
Type
addEventListener
applyElement
onfocus
value
Value
removeEventListener
attachEvent
onKeyDown
readOnly
readOnly
 
detachEvent
onKeyUp
rows
rows
 
blur
onKeyPress
 
status
 
click
onMouseDown
cols
wrap
insertBefore
insertBefore
onMouseUp
accessKey
accessKey
replaceChild
replaceChild
onMouseOver
id
id
removeChild
removeChild
onMouseOut
title
title
../data/lecture/hcjd/appendixcdChild
../data/lecture/hcjd/appendixcdChild
 
lang
lang
hasChildNodes
hasChildNodes
 
dir
dir
cloneNode
cloneNode
 
className
className
 
removeNode
 
style   
 
 
replaceNode
 
innerHTML   
 
 
swapNode
 
 
innerText
 
clearAttributes
 
 
outerHTML
getAttribute
getAttribute
 
 
outerText
setAttribute
setAttribute
 
tagName
tagName
removeAttribute
removeAttribute
 
offsetTop
offsetTop
 
mergeAttributes
 
offsetLeft
offsetLeft
getAttributeNode    
   
offsetWidth
offsetWidth
setAttributeNode    
   
offsetHeight
offsetHeight
removeAttributeNode 
   
offsetParent
offsetParent
getElementsByTagName
getElementsByTagName
 
 
clientHeight
 
contains
 
 
clientLeft
 
insertAdjacentHTML
 
 
clientTop
 
insertAdjacentText
 
 
clientWidth
 
insertAdjacentElement
 
 
isContentEditable
 
getAdjacentText
 
 
contentEditable
 
replaceAdjacentText
 
 
canHaveChildren
 
setActive
 
 
canHaveHTML
 
setExpression
 
ownerDocument   
 
 
getExpression
 
nodeName
nodeName
 
removeExpression
 
nodeValue
nodeValue
 
scrollIntoView
 
nodeType
nodeType
     
parentNode
parentNode
     
childNodes  
       
 
parentElement
     
firstChild
firstChild
     
lastChild
lastChild
     
previousSibling
previousSibling
     
nextSibling
nextSibling
     
attributes  
       
 
isDisabled
     
disabled
disabled
     
tabIndex
tabIndex
     
 
isTextEdit
     
 
parentTextEdit
     
 
width
     
 
sourceIndex
     
 
scrollHeight
     
 
scrollLeft
     
 
scrollTop
     
 
scrollWidth
     
 

아래에서  설명되지 않은 것은 div개체를 참고하세요.

 

 

<TEXTAREA>
보여줄 텍스트 위치
</TEXTAREA>

 

defaultValue

textarea 개체를 만들 때 html소스에서 <TEXTAREA name=text rows= cols=>태그와 </TEXTAREA> 태그 사이에 위치한 값을 말한다.
 

form

textarea 개체를 포함하는 폼 개체를 참조하거나 폼에 있는 다른 개체를 참조하기 위해 사용되는 속성이다.
 

name

textarea 버튼개체의 name 속성을 나타내는 속성이다.
 

 

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

 

type

이 속성은 textarea 개체의 type을 나타내는 것으로 "textarea"이다.
 

 

[ ①string = ] TEXTAREA.type

① string: type 속성을 나타내는 문자열
 

value

textarea개체를 text란에 나타나는 text를 지정하는 속성으로 우리가 textarea 박스를 볼 때 보이는 문자이다.
 

 

TEXTAREA.value [ = ①string ]
①string : textarea 입력란에 입력할 text를 나타내는 문자열

 

readOnly

textarea 개체의 내용물을 읽기전용으로 지정할 것인가를 나타내는 속성이다.
 

 

object.readOnly [ = ①boolean ]
① Boolean 값으로 지정할 수 있는 것은 다음과 같다.
true
textarea 개체는 읽기 전용이다.
false
textarea 개체는 읽기 전용이 아니다. 기본값
 

rows

textarea 개체가 몇 줄로 보이게 할 것인가를 나타내는 속성이다.
 

 

 TEXTAREA.rows [ = ①interger ]
① interger : 줄의 수를 지정하는 정수

 

status

textarea 개체가 선택가능하게 할지를 지정하는 속성이다.
 

 

 object.status [ = ①boolean ]
① boolean 값으로 지정할 수 있는 것은 다음과 같다.
true
개체를 선택할 수 있다.
false
개체를 선택할 수 없다.
null
개체를 초기화하지 않는다.
 

wrap

textarea개체내에 있는 텍스트의 줄 바꾸기 정보를 어떤게 처리할 것인가를 나타내는 속성이다.
 

 

 object.wrap [ = ①string ]
① string 값으로 지정할 수 있는 것은 다음과 같다.
soft
자동으로 줄바꾸기를 실행하며, 원래의 줄바꾸기 정보를 포함하지 않는다.
hard
자동으로 줄바꾸기를 실행하며, 원래의 줄바꾸기 정보를 포함한채로 제출된다
off
자동으로 줄바꾸기를 하지 않고 원래 사용자가 입력한 대로 그대로 나타난다.

[출처] TEXTAREA|작성자 해피캐빈

'Language > JAVASCRIPT' 카테고리의 다른 글

with  (0) 2010.05.14
document.open(), document.close() 메소드  (0) 2010.05.10
Submit  (0) 2010.05.10
reset  (0) 2010.05.10
image, button  (0) 2010.05.10
:

Submit

Language/JAVASCRIPT 2010. 5. 10. 15:34

폼에 있는 요소를 action 속성에서 지정한 주소로 보내는 버튼을 만드는 개체이다.

property(속성)

method(메써드)

event handlers

netscape6.0

Expolorer

netscape6.0

Explorer

공통

form
Form
blur    
 
onBlur
name
Name
click   
 
onClick
type
Type
focus
focus
onDblClick
value
Value
select
select
onfocus
defaultValue
defaultValue
 
applyElement
onKeyDown
size
size
addEventListener
attachEvent
onKeyUp
accessKey
accessKey
removeEventListener
detachEvent
onKeyPress
id
id
 
blur
onMouseDown
title
title
 
click
onMouseUp
lang
lang
insertBefore
insertBefore
onMouseOver
dir
dir
replaceChild
replaceChild
onMouseOut
className
className
removeChild
removeChild
 
style
style
../data/lecture/hcjd/appendixcdChild
../data/lecture/hcjd/appendixcdChild
 
innerHTML   
 
hasChildNodes
hasChildNodes
 
 
outerHTML
cloneNode
cloneNode
 
 
outerText
 
removeNode
 
tagName
tagName
 
replaceNode
 
offsetTop
offsetTop
 
swapNode
 
offsetLeft
offsetLeft
 
clearAttributes
 
offsetWidth
offsetWidth
getAttribute
getAttribute
 
offsetHeight
offsetHeight
setAttribute
setAttribute
 
offsetParent
offsetParent
removeAttribute
removeAttribute
 
 
clientHeight
 
mergeAttributes
 
 
clientLeft
getAttributeNode    
   
 
clientTop
setAttributeNode    
   
 
clientWidth
removeAttributeNode 
   
 
isContentEditable
getElementsByTagName    
   
 
contentEditable
 
contains
 
 
canHaveChildren
 
insertAdjacentHTML
 
 
canHaveHTML
 
insertAdjacentText
 
ownerDocument   
 
 
insertAdjacentElement
 
nodeName
nodeName
 
getAdjacentText
 
nodeValue
nodeValue
 
replaceAdjacentText
 
nodeType
nodeType
 
setActive
 
parentNode
parentNode
 
setExpression
 
childNodes  
 
 
getExpression
 
 
parentElement
 
removeExpression
 
firstChild
firstChild
 
scrollIntoView
 
lastChild
lastChild
     
previousSibling
previousSibling
     
nextSibling
nextSibling
     
attributes  
       
 
isDisabled
     
disabled
disabled
     
tabIndex
tabIndex
     
 
isTextEdit
     
 
parentTextEdit
     
 
width
     
 
sourceIndex
     
 
scrollHeight
     
 
scrollLeft
     
 
scrollTop
     
 
scrollWidth
     
 

아래에서  설명되지 않은 것은 div개체를 참고하세요.

 

 

<INPUT type="submit"  name=" " value=" " >

 

form

submit 버튼개체를 포함하고 있는 폼을 나타내는 속성이다.
 

 

object.form

 

type

이 속성은 submit 버튼 개체의 type을 나타내는 것으로 값은 항상 " submit "이다.
 

name

submit 버튼개체의 name 속성을 나타내는 속성이다.
 

 

object.name [ = ①string ]

① string: name 속성을 나타내는 문자열
 

value

우리가 submit 버튼을 볼 때 버튼 표면에 나타나는 문자를 나타내는 속성이다. value 속성값을 지정하지 않을 때 "submit query"로 보일 것이다. 한글 익스플로어에서는 "쿼리 전송"으로 나타난다.
 

 

[ ①string = ] radioobject.value
① string : 보내질 값을 나타내는 문자열

 

defaultValue

개체의 기본값을 나타내는 속성이다.
 

 

 object.defaultValue [ = ①string ]
① string: 개체의 기본값을 지정하는 문자열

 

size

submit 버튼개체의 크기를 나타내는 속성이다.
 

 

object.size [ = ①interger ]
 ① Integer : 문자수로 계산된 개체의 크기를 지정하는 정수 

[출처] Submit|작성자 해피캐빈

'Language > JAVASCRIPT' 카테고리의 다른 글

document.open(), document.close() 메소드  (0) 2010.05.10
TEXTAREA  (0) 2010.05.10
reset  (0) 2010.05.10
image, button  (0) 2010.05.10
SELECT  (0) 2010.05.10
:

reset

Language/JAVASCRIPT 2010. 5. 10. 15:34

폼에 있는 모든 개체의 값을 기본값으로 만드는 개체이다.

property(속성)

method(메써드)

event handlers

netscape6.0

Expolorer

netscape6.0

Explorer

공통

form
Form
blur    
 
onBlur
name
Name
click   
 
onClick
type
Type
focus
focus
onDblClick
value
Value
select
select
onfocus
defaultValue
defaultValue
 
applyElement
onKeyDown
size
size
addEventListener
attachEvent
onKeyUp
accessKey
accessKey
removeEventListener
detachEvent
onKeyPress
id
id
 
blur
onMouseDown
title
title
 
click
onMouseUp
lang
lang
insertBefore
insertBefore
onMouseOver
dir
dir
replaceChild
replaceChild
onMouseOut
className
className
removeChild
removeChild
 
style
style
../data/lecture/hcjd/appendixcdChild
../data/lecture/hcjd/appendixcdChild
 
innerHTML   
 
hasChildNodes
hasChildNodes
 
 
outerHTML
cloneNode
cloneNode
 
 
outerText
 
removeNode
 
tagName
tagName
 
replaceNode
 
offsetTop
offsetTop
 
swapNode
 
offsetLeft
offsetLeft
 
clearAttributes
 
offsetWidth
offsetWidth
getAttribute
getAttribute
 
offsetHeight
offsetHeight
setAttribute
setAttribute
 
offsetParent
offsetParent
removeAttribute
removeAttribute
 
 
clientHeight
 
mergeAttributes
 
 
clientLeft
getAttributeNode    
   
 
clientTop
setAttributeNode    
   
 
clientWidth
removeAttributeNode 
   
 
isContentEditable
getElementsByTagName
   
 
contentEditable
 
contains
 
 
canHaveChildren
 
insertAdjacentHTML
 
 
canHaveHTML
 
insertAdjacentText
 
ownerDocument   
 
 
insertAdjacentElement
 
nodeName
nodeName
 
getAdjacentText
 
nodeValue
nodeValue
 
replaceAdjacentText
 
nodeType
nodeType
 
setActive
 
parentNode
parentNode
 
setExpression
 
childNodes  
 
 
getExpression
 
 
parentElement
 
removeExpression
 
firstChild
firstChild
 
scrollIntoView
 
lastChild
lastChild
     
previousSibling
previousSibling
     
nextSibling
nextSibling
     
attributes  
       
 
isDisabled
     
disabled
disabled
     
tabIndex
tabIndex
     
 
isTextEdit
     
 
parentTextEdit
     
 
width
     
 
sourceIndex
     
 
scrollHeight
     
 
scrollLeft
     
 
scrollTop
     
 
scrollWidth
     
 
아래에서  설명되지 않은 것은 div개체를 참고하세요.
 

 

<INPUT type="reset"  name=" " value=" " >

 

form

reset 버튼개체를 포함하고 있는 폼을 나타내는 속성이다.
 

 

object.form

 

name

reset 버튼개체의 name 속성을 나타내는 속성이다.
 

 

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

 

type

이 속성은 reset 버튼 개체의 type을 나타내는 것으로 항상 " reset "이다.
 

value

reset 버튼을 볼 때 버튼 표면에 나타나는 문자를 나타내는 속성이다. value 속성값을 지정하지 않을 때 "reset"으로 나타난다. 한글 익스플로어에서는 "초기 설정"으로 나타난다.
 

 

[ ①string = ] resetobject.value
①string : 보내질 값을 나타내는 문자열

 

defaultValue

개체의 기본값을 나타내는 속성이다.
 

 

 object.defaultValue [ = ①string ]
①string: 개체의 기본값을 지정하는 문자열

 

size

reset 버튼개체의 크기를 나타내는 속성이다.
 

 

object.size [ = ①interger ]
 ① Integer : 문자수로 계산된 개체의 크기를 지정하는 정수 

[출처] reset|작성자 해피캐빈

'Language > JAVASCRIPT' 카테고리의 다른 글

TEXTAREA  (0) 2010.05.10
Submit  (0) 2010.05.10
image, button  (0) 2010.05.10
SELECT  (0) 2010.05.10
Option  (0) 2010.05.10
: