Deadfire
Home
|
|
Blog
|
¹æ¸í·Ï
±âÃʰÁÂ
|
HTML/DHTML/CSS
|
Script
|
CGI with C
|
Language
|
TIP & Tech
|
°³¹ßÀÚ ¿¡¼¼ÀÌ
WEB ±âÃÊ °ÁÂ
|
TCP/IP ±âÃÊ °ÁÂ
HTML °ÁÂ
|
DHTML/CSS °ÁÂ
JavaScript±âÃÊ
|
JavaScript°í±Þ
|
LiveWire
CGI with C ±âÃÊ °ÁÂ
|
CGI with C Ȱ¿ë °ÁÂ
|
CGI with MFC ÀÀ¿ë
Java ¾ð¾î ±âÃÊ
|
Perl ±âÃʰÁÂ
Tip & Tech
10. Navigator °´Ã¼
10.9 form elements
FORM Tag ÇÏÀ§¿¡´Â Å©°Ô 3°¡ÁöÀÇ Tag°¡ Á¸ÀçÇÑ´Ù. Áï,
INPUT, SELECT, TEXTAREA
ÀÌÁ¦ ±× ¼¼ºÎÀûÀÎ »ç¿ë¹ý°ú ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÇÒ¼öÀÖ´Â °£´ÜÇÑ ¿¹Á¦µéÀ» º¸µµ·Ï ÇÏÀÚ.
textÀÇ ÁÖ¿ä ¼Ó¼º
:
defaultValue
INPUT Tag¿¡ ÃÖÃÊ·Î ¼³Á¤µÈ VALUE
name
INPUT TagÀÇ NAME
type
INPUT TagÀÇ TYPE
value
INPUT TagÀÇ VALUE(ÇöÀç°ª)
size
INPUT TagÀÇ SIZE
maxlength
INPUT TagÀÇ MAXLENGTH
form
INPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
* ÇöÀç fmÀ̶ó´Â form ¿¡ ¼³Á¤µÈ txt¶ó´Â À̸§À» °¡Áø text/textarea¶ó´Â ÇʵåÀÇ ½ÇÁ¦ ³»¿ëÀº?
document.fm.txt.value
button / submit / reset
:
name
INPUT TagÀÇ NAME
type
INPUT TagÀÇ TYPE
value
INPUT TagÀÇ VALUE(ÇöÀç°ª)
form
INPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
password / file / hidden
ÀÌ ¼¼ °³ÀÇ °´Ã¼´Â text¿Í µ¿ÀÏÇÏ´Ù.
Áï ±âº»ÀûÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ´Â name, type, value, defalutValue, size, maxlength¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ´Ù. Áß¿äÇÑ Â÷ÀÌÁ¡Àº passwordÀÇ °æ¿ì´Â ȸ鿡 *****¿Í °°Àº ÇüÅ·Π³ªÅ¸³ª±â ¶§¹®¿¡
value°ª¿¡ Á¢±Ù
ÇØ¼ °ªÀ» °¡Á®¿À¸é ¾Æ¹«°Íµµ ³ªÅ¸³ªÁö ¾Ê´Â´Ù.
password¿Í fileÀº text¿Í ¿ÏÀüÈ÷ ¶È°°Àº ¼Ó¼ºÀ» °¡Áö°í ÀÖ°í, hiddenÀÇ °æ¿ì¿¡´Â ȸ鿡 º¸ÀÌÁö ¾Ê±â ¶§¹®¿¡ size, maxlength¼Ó¼ºÀÌ ¾ø´Ù.
textarea
:
defaultValue
TEXTAREA Tag¿¡ ÃÖÃÊ·Î ¼³Á¤µÈ VALUE
name
TEXTAREA TagÀÇ NAME
type
TEXTAREA TagÀÇ TYPE
value
TEXTAREA TagÀÇ VALUE(ÇöÀç°ª)
rows
TEXTAREA TagÀÇ ³ôÀÌ
cols
TEXTAREA TagÀÇ ³Êºñ
form
TEXTAREA Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
checkbox
:
defaultChecked
INPUT Tag¿¡ ÃÖÃÊ·Î checked¼Ó¼ºÀÌ ÁöÁ¤µÇ¾ú´ÂÁö
name
INPUT TagÀÇ NAME
type
INPUT TagÀÇ TYPE
value
INPUT TagÀÇ VALUE
checked
checkbox°¡ ÇöÀç ¼±ÅÃµÈ »óÅÂÀÎÁö
form
INPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
radio
:
defaultChecked
INPUT Tag¿¡ ÃÖÃÊ·Î checked¼Ó¼ºÀÌ ÁöÁ¤µÇ¾ú´ÂÁö
name
INPUT TagÀÇ NAME
type
INPUT TagÀÇ TYPE
value
INPUT TagÀÇ VALUE
checked
radio°¡ ÇöÀç ¼±ÅÃµÈ »óÅÂÀÎÁö
length
radio°´Ã¼ ¹è¿ÀÇ °³¼ö
form
INPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
* ÇöÀç fmÀ̶ó´Â form¿¡¼ area¶ó´Â radio°´Ã¼°¡ Àִµ¥ ¹«¾ùÀÌ ¼±ÅõǾú´ÂÁö ¾Ë°í ½ÍÀ¸¸é?
for(var i=0;i > area.length;i++){
if( document.fm.area[i].checked) {
selectvalue = document.fm.area[i].value; break;
}
}
select
:
select°´Ã¼´Â HTML Tag¿¡¼µµ º¸µíÀÌ ÇÏÀ§ ¼Ó¼ºÀ¸·Î option°´Ã¼¸¦ °Å´À¸®°í ÀÖ´Ù. ÇѲ¨¹ø¿¡ ´Ù º¸¸é,
length
Option Tag¸¦ ¸î°³³ª °¡Áö°í ÀÖ´ÂÁö
name
SELECT TagÀÇ NAME
size
SELECT TagÀÇ SIZE
multiple
MULTIPLEÀÎÁö ¿©ºÎ
type
mulipleÀÌ true¸é "select-multiple"
selectedIndex
ÇöÀç ¼±ÅÃµÈ index(0ºÎÅͽÃÀÛ)
options[i]
OPTION TagÀÇ ¹è¿
options[i].index
°¢ Option TagÀÇ ÇöÀçÀ§Ä¡
options[i].text
°¢ Option TagÀÇ È¸é¿¡ º¸ÀÌ´Â ±ÛÀÚ
options[i].value
°¢ Option TagÀÇ VALUE¼Ó¼º°ª
options[i].defaultSelected
Ãʱ⿡ selectedµÈ »óÅ¿´´ÂÁö
options[i].selectedIndex
ÇöÀç ¼±ÅÃµÈ index
options[i].length
°¢ Option TagÀÇ
ÇöÀç fmÀ̶ó´Â form¿¡ ¼³Á¤µÈ slÀ̶ó´Â select°´Ã¼Áß ¼±ÅÃµÈ ¹®ÀÚ¿Àº?
document.fm.sl.options[document.fm.sl.selectedIndex].text
- Last Update : 2001.7.3 by Deadfire(
http://www.deadfire.net
)
Javascript °ÁÂ
µé¾î°¡±â
Javascript¶õ?
ÀÛµ¿ ¹æ½Ä
Àå ´Ü Á¡
±â ÃÊ
- HTML¹®¼¿¡Ãß°¡Çϱâ
- ÃÖÃÊ ¿¹Á¦
- ÇÔ¼ö»ç¿ëÇϱâ
- ±âº» ÇÔ¼ö
¹® ¹ý
- º¯ ¼ö
- ¿¬ »ê
- Á¶ °Ç ¹®
- ¹Ý º¹ ¹®
- »ç¿ëÀÚÇÔ¼ö
°´ ü
- Object¶õ?
- ¼Ó¼º°ú ÇÔ¼ö
- °´Ã¼ÀÇ »ý¼º°ú»ç¿ë
³»Àå °´Ã¼
- Date
- Math
- String
- Array
- Boolean
- Function
- Argument
- Number
- Global
- ±â Ÿ
- with / delete
Event °´Ã¼
³×ºñ°ÔÀÌÅÍ °´Ã¼
- ³×ºñ°ÔÀÌÅͰ´Ã¼±¸Á¶
- °´Ã¼ Á¢±Ù ¹æ¹ý
- navigator
- window
- location
- history
- document
- form
-
form elements
Frame °´Ã¼
±â Ÿ
- Animation
- Audio
¸¶Ä¡¸ç
Copyright ¨Ï 1997 ~, Deadfire Program Master