23.jQuery - Input ( 02.Selectors - 01.Input )
| 01.Input.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>Input 모든폼 요소 읽어오기</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ var
result = ""; // 폼 요소가 있는 만큼 반복하자. //
alert($(':input').size()); //13개 $(':input').each(function(index) { result += "태그명 : " + $(this).get(0).tagName //
this.tagName + ", type 속성명 : " + $(this).attr('type') + '\n'; }); alert(result);
});
</script> </head> <body>
<input type="button" value="Input Button" /> <br />
<input type="text" /> <br />
<input type="password" /> <br />
<input type="checkbox" /> <br />
<input type="file" /> <br />
<input type="hidden" /> <br />
<input type="image" /> <br />
<input type="radio" /> <br />
<input type="reset" /> <br />
<input type="submit" /> <br />
<select><option>드롭다운리스트</option></select><br />
<textarea cols="20" rows="3">멀티라인텍스트박스</textarea><br />
<button>버튼</button><br /> </body> </html> |
| 결과화면 |
[그림23-1] |
01.Input.htm