Trio 홈?????? - HTML ???????? ??(form) - HTML 4 ?蹈? ?畸? ??????

HTML ???? ?球? ????, ?蒡?(markup), ????(control)??? ?恬???? 특?? ??????트(checkboxes, radio buttons, menus, ??)?? ?絹? ?????? ??(label)?? ?????求? ?????? ?? ?占쏙옙??甄?. ????渼? ?球???????, 처??(process)?? ???臼?, ?灣?트 ???? ?濱? ?琉? ?韜??求? ?????? ????(control)?? ?????臼? ???? ?究?("complete")?臼?, ???????? ???究??? ?? ?釉�??(agent)???? ???? ?蚌?(submit)?磯?.

??, ???????튼(radio button)?? ????????(push button: reset, submit ??)?? ?????求? ???? ?????? ????:


 ??: 
   
 ??: 
   
  ??,
  ??

 ???悶???:

?????? ?占쏙옙??????(???? ?滂??? ????):

17.2 ????(control)

?????? ???? ?見?(control name)?? name ??트????트?? ?羚?????. FORM ??????트 ?효??? name ??트????트?? ?????求? ?????? FORM ??????트 ?????甄?.

?? ????(control)?? ???歌??? ???占쏙옙 ?寬????? ?? ?????? ??????, ?? ?? ???悶??甄?. ???歌??? ???楮� ???臼? ?羚????? ?????? ???? ???漫??? ?? ?????? ???퓔? ?????灸?. ?球???????, ?????? "???歌?"?? ???? ??????트?? value ??트????트?? ???? ?? ?? ?獵?. ?瀏???, TEXTAREA ??????트?? ???歌??? ?? ???????? ?羚?????, ??(form)?? ?獵? OBJECT ??????트?? ???歌??? ??????트?? ????(?? ?蹈??? ???? ????)?? ???臼? ?????홱?.

?????? "???占쏙옙"(current value)?? ???歌??? ???? ?韜? ?? ???甄?. ?瀏??퓐?, ?????? ???占쏙옙?? ??????? ?韜占쏙옙? ??크??트(script)?? ???臼? ???? ?? ?? ?獵?.

????(control)?? ???歌??? ??????? ?苛占쏙옙?. ?瀏??? ???? ?煐�??(reset)?퓔?, ?? ?????? ???占쏙옙?? ???歌????? ?煐�???홱?. ???? ???載� ???歌??? ?????? ???? ?刻?????, ???? ?煐�?????? ???? 효???? ???풩??? ?刻年?.

???? 처???? ???臼? ?蚌?(submit)?퓔?, ?載�?? ??????? ?流??? ?見??? ???占쏙옙?? 짝?? ????, ???? ?絹? 짝??? ???? ?蚌??홱?. ?見??? ???? 짝?? ?蚌? ?? ???低� ?????? ????(successful control)???磯?.

17.2.1 ????(control) 타??(type)

????勇� ????? ???臼? ???풔? ??????트???? ?球??????? FORM ??????트 ?효? ??치?磯?. ?瀏??? ????? ???????決?(interface)?? ????? ???臼? ??? ?? ??, FORM ??????트 ???? ?謗??? ??치 ?? ?? ?獵?. ?甄? ?????? ?遣?트(intrinsic event)???? ?慕????. ??(form) ???? ????? ???????? ?????? ?? ?? ?????? ?????灸?.

17.3 FORM ??????트(element)

FORM ??????트?? ????(control)?? ??? ???? ?謗??磯?. ?隔??? ?????? ?????磯?.

???? ?? ???? ?餠? ?灣?트?? ????, ??? ???? ?蒡? ?占쏙옙??? ???? ?? ?? ?獵?.

???? ?????? ?蚌?(submi)?퓔? ???占쏙옙瀏? "adduser"?? ???臼? 처???풔? ???? ?????娩?. ?? ???? HTTP "post" ????? ????臼? ????????.


 ... ??(form)?? ???? ...

??逾�?????? ???????? ???臼? ?錚�?? ?? ?????拷? ?曼??瞞? ?玖?, ?錚�?? ?????瞞? ?求占쏙옙??? ???? ?????? ???? ?蚌??? ?????灸?.

?玲?: ???????? ???? ?? ???????? 처???? ?? ?? ?煞??? ?????? ?? ?蹈??? ?????? ???爭�??.

17.4 `INPUT` ??????트(element)



INPUT - O EMPTY              -- ?? ????(form control) -->
%attrs;                              -- %coreattrs, %i18n, %events --
 type        %InputType;    TEXT      -- ?韜??? ???? --
 name        CDATA          #IMPLIED  -- ???? ?? ?占쏙옙????? ?蚌?(submit) ?? --
 value       CDATA          #IMPLIED  -- ?????(radio) ???傷? 체크 ?黴??? ?却?--
 checked     (checked)      #IMPLIED  -- ????? ???傷? 체크 ?黴??? ?却? --
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 readonly    (readonly)     #IMPLIED  -- ?灣?트?? ??호?? ??? --
 size        CDATA          #IMPLIED  -- ?? ?茄??? 타?? ???? --
 maxlength   NUMBER         #IMPLIED  -- ?灣?트?? ?獵? ???? ?? --
 src         %URI;          #IMPLIED  -- ?譴????? ???? ?茄??? ???臼? --
 alt         CDATA          #IMPLIED  -- 占쏙옙?? ???? --
 usemap      %URI;          #IMPLIED  -- ???????(client-side) ?譴????? --
 ismap       (ismap)        #IMPLIED  -- ??????(server-side) ?譴????却? ??? --
 tabindex    NUMBER         #IMPLIED  -- ?? ??치 ?????????? ??치 --
 accesskey   %Character;    #IMPLIED  -- ????키 ???? --
 onfocus     %Script;       #IMPLIED  -- ??????트(element)?? ????(focus) ???? --
 onblur      %Script;       #IMPLIED  -- ??????트?? ???? ???? --
 onselect    %Script;       #IMPLIED  -- ?灣?트?? ???천퓸??? --
 onchange    %Script;       #IMPLIED  -- ??????트?? ???? ????퓸??? --
 accept      %ContentTypes; #IMPLIED  -- 화?? ?占쏙옙躍� ???? MIME 타?? ??? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ??? ????

??트????트?? ????

type = text | password | checkbox | radio | submit | reset | file | hidden | image | button [??拈??? ???? ????: CI]: ?? ??트????트?? ?????풔? ???? 타??(control type)?? ?????磯?. ????트 ???? "text"?甄?.
name = cdata [??拈??? ???? ????: CI]: ?? ??트????트?? ???? ?見?(control name)?? ?????磯?.
value = cdata [??捻??? ??트????트 ????: CA]: ?? ??트????트?? ?????? ???歌??? ?????磯?. type ??트????트?? ???? "radio"?? "checkbox" ?? ??痢� ?????構??? ???????甄?.
size = cdata [??拈??? ?蔘?: CN]: ?? ??트????트?? ??逾�?????? ?????? ???? ?跏? ?腔??娩?. ?? ?跏?? type ??트????트?? ???? "text" ?풔? "password" ?? ??? ?? ???? ?????? ?????? ??타???? ?????? 표???構?, ?見? ?????構??? ?횝?(pixel)?? ?羚?????.
maxlength = number [??拈??? ?蔘?: CN]: type ??트????트?? ???? "text" ?풔? "password"?見?, ????微? ?韜? ?? ?? ?獵? ?獵? ???靡??? ?????磯?. ?? ??치?? ???? ?? size?? ?歌? ?? ?? ?獵쨉?, ?? ??? ??逾�???? 화?? ??????(scroll) ????? ?????臼??? ?磯?. ????트 ???? ?????? ???甄?.
checked [??拈??? ???? ????: CI]: type ??트????트?? ?? "radio" ?풔? "checkbox"?? ??????, ?? ?恬?(boolean) ??트????트?? ?? ???煞? on ?? ?????????磯?. ??逾�???? ?摸? 타?篤????? ?? ??트????트?? ?????臼??? ?磯?.
src = uri [??拈??? 타?? ????: CT]: type ??트????트 ?? ???? "image"?見?, ?? ??트????트?? ?蚌?(submit) ???蔘? ?瀏??????? ?????求쨉? ???풔? ?譴??? 화???? ??치?? ?????磯?.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
alt (??체 ?灣?트)
align (????)
accept (?????? ??효 ????트 타??)
readonly (?占쏙옙? ???? ?韜? ????)
disabled (?韜? ???低� ??활??화)
tabindex (???? ?? ????)
accesskey (????키)
usemap (??????? ?譴?????)
ismap (??????(server-side) ?譴?????)
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

17.4.1 INPUT?? ?????풔? ????(control) 타??(type)

INPUT ??????트 ???臼? ???? ?? ???? 타???? type ??트????트?? ???? ???? ?摸???.

text

?? ???? ?灣?트 ?韜? ????(control).

password

"text"?? ??????, ?韜? ?灣?트?? ****?? ???? ???上??? ???占쏙옙? 표???홱?. ?? ???? 타???? ??호?? ???? ?????? ?韜占쏙옙? ???? ???홱?. ???占쏙옙?? ????悶? ???臼? ?韜? ?? ?灣?트?? ???????? ??逾�???? ???臼? 표?????? ?苛占쏙옙?.

?玲?: ?????渼? ?? ????? ???? ???? ???? ?????磯募? ???? ?????瞞??磯?. ??호?? ??逾�???? ???臼? ?球? ????悶??都? ?????????? ???????? ??확?? ?灣?트?? ?蚌킵퓸? ??트????(network)?? ???? ???? ???? ?昇�?? ???? ??????? ?? ???? ?? ?獵?.

checkbox

체크?黴?(checkbox)?? ?????.

radio

????? ????(radio button)?? ?????.

submit

?蚌? ????(submit button)?? ?????.

image

?瀏??? ?蚌? ????(submit button)?? ?????. src ??트????트?? ???? ???蔘? ??? ?? ?譴????? URI?? ?????磯?. ???憺? ??????, ?????渼? alt ??트????트?? ???臼?, ?譴????? ?? ?? ??체 ?灣?트?? ?????臼??? ?磯?.

?譴??? ???? 클???玖?, ??(form)?? ?蚌킵품? 클???? ??표(coordinates)?? ?????? ???瀕홱?. x ???? ???? ???????? ???? ?譴????? ???? ?? ?????? ?횝?(pixel) ?? ?隔?, y ???? ???? ???????? ???? ?譴????? ???? ?? ?????? ?횝? ?? ?甄?. ?蚌?(submit) ?? ?????姑? name.x=x-value?? name.y=y-value?? ???? ?? ?? ?獵쨉?, ???茱� "name"?? name ??트????트?? ???隔?, x-value?? y-value?? x?? y?? ?? ??표???甄?.

???? ?????? 클?? ?? ??치?? ???? ???? ?摸? ?滂????? ?求? ???見?, ?? ?溜???(non-graphic) ?????? ????渼? ???????? ???? ???甄?. ?瀏???, ?????渼? ?????? ??체 ????? ?????臼??? ?? ???甄?.

?毬??? ?瀏??? ?蚌? ???? ??탓?, ?? ?? ?????? ?譴????? ????求? ???? ?蚌? ?????? ???. ?????渼? ?? ???森??? ??치?? ?????歐? ???臼? ??타?絿?트(style sheet)?? ??? ?? ?? ?獵?.
??????? ?譴??????? ??크??트(script)?? ?途? ???.

reset

?煐�?? ????(reset button)?? ?????.

button

????????(push button)?? ?????. ??逾�???? value ??트????트 ???? ?? ?????? ??(label)?? ????臼??? ?磯?.

hidden

???上? ?? ????(hidden control)?? ?????.

file

화?? ???? ????(file select control)?? ?????. ??逾�???? value ??트????트 ???? ?珂? 화?? ?見????? ???홱?.

17.4.2 INPUT ????(control)?? ???? ????

???? ???? HTML ?占쏙옙??? ????微? ??, ??, ???? ???? ?玲?, ?????? ?韜? ?? ?? ?獵? ?????? ???? ?????磯?. ?蚌?(submit) ???煞? 활??화?퓔?, ???? action ??트????트?? ???臼? ???? ?? ???占쏙옙瀏??? ???? ?? ???甄?.


 
   First name: 

   Last name: 

   email: 

    Male

    Female

?? ???? 표???? ?????? ???? ???甄?.

LABEL ??????트????, "First name"?? ???? ???? ?獵? ???? ?慕??.

???? ??????,"onclick" ?遣?트(event)?? Javascript ??? ?見?(function name) verify()?? ???천홱?.

??크??트?? ?遣?트?? ?? ?? ?煞? ?????? ?????? ?遣?트?? ?????灸?.

???? ?????? ????? ???? 화???? ?????? ?錚�?? ???? ?途? ?蚌킵풔占쏙옙??? ???? ?娩?. ????悶??? ???? ?途? ?蚌? ?? ?見??? 화?玖? ????? ?????? ?? ?斂? ??????트(prompted)?? 표?천홱?. enctype ???? "multipart/form-data"?? ?????球퓐占쏙옙?, ?? 화???? ?????? ???? ?????? ?占쏙옙? ?? ?琉????? ?蚌킵풩??? ???隔? ?? ???甄?.


 ??????? 
 ???? 화?玖????

17.5 `BUTTON` ??????트(element)

BUTTON - -
    (%flow;)* -(A | %formctrl; | FORM | FIELDSET)   -- ????????(push button) -->
%attrs;                              -- %coreattrs, %i18n, %events --
 name        CDATA          #IMPLIED
 value       CDATA          #IMPLIED  -- ?蚌?(submit)???? ?????? ?????? --
 type        (button | submit | reset) submit -- ?? ???芟? ??? --
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 tabindex    NUMBER         #IMPLIED  -- ?? ??치 ?????????? ??치 --
 accesskey   %Character;    #IMPLIED  -- ????키 ???? --
 onfocus     %Script;       #IMPLIED  -- ??????트(element)?? ????(focus) ???? --
 onblur      %Script;       #IMPLIED  -- ??????트?? ???? ???? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

??트????트?? ????

name = cdata [??拈??? ???? ????: CI]

?? ??트????트?? ???? ?見?(control name)?? ?????磯?.

value = cdata [??拈??? ????: CS]

?? ??트????트?? ?????? ?珂璲�?? ?????磯?.

type = submit|button|reset [??拈??? ???? ????: CI]

?? ??트????트?? ?????? 타???? ?????玖?, ?????? ????:

submit: ?蚌? ?????? ?????, ????트 ???甄?.
reset: ?煐�?? ?????? ?????.
button: ?????????? ?????.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
disabled (?韜? ???低� ??활??화)
accesskey (????키)
tabindex (???? ?? ????)
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

BUTTON ??????트 ??�? ???臼? ??????? ????(button)?? INPUT ??????트?? ???臼? ??????? ???傷? ??????, ?? 풍???? 표???? ???�??? ?????磯?. BUTTON ??????트?? ?????? ???? ?? ?獵?. ???? ???, ?譴??? ????? ???? BUTTON ??????트?? type?? "image"?? ???? ?? INPUT ??????트?? ???킬? ?????毬?, BUTTON ??????트?? ?????? ???? ?? ?獵?.

???? ??逾�???? INPUT ???蔘? ?秉??? ?譴????? 표?? ?? ?? ???? ??, BUTTON ???蔘? 클???臼??? ??, ?철箚”?/????????? ?????? ??????? 표?? ?? ?? ?獵?.

???? ?????? ?? ?????? submit?? reset ???傷? INPUT ??? BUTTON ???蔘? ????臼???. ?? ???森??? IMG ??????트?? ??????? ?譴????? ?????磯?.


 
   ??: 

   ??: 

   ???? ????: 

    ??

    ??

?????渼? IMG ??????트?? ??체 ?灣?트?? ?????臼??? ???? ????킨??.

BUTTON ??????트?? ???????? ??타???? IMG?? ?譴????歌? ??????키?? ???? 틀?? ???甄?.

틀?? ????:
?????? 틀?? HTML?甄?.

17.6 `SELECT`, `OPTGROUP`, `OPTION` ??????트(element)

SELECT - - (OPTGROUP | OPTION)+ -- ???? ???? ??????(selector) -->
%attrs;                              -- %coreattrs, %i18n, %events --
 name        CDATA          #IMPLIED  -- ?茄??(field name) --
 size        NUMBER         #IMPLIED  -- ???甄? ??(row) --
 multiple    (multiple)     #IMPLIED  -- ????트?? ???? ???? --
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 tabindex    NUMBER         #IMPLIED  -- ?? ??치 ?????????? ??치 --
 onfocus     %Script;       #IMPLIED  -- ??????트(element)?? ????(focus) ???? --
 onblur      %Script;       #IMPLIED  -- ??????트?? ???? ???? --
 onchange    %Script;       #IMPLIED  -- ??????트 ???? ????퓸??? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

SELECT ??트????트(attribute) ????

name = cdata [??拈??? ???? ????: CI]: ?? ??트????트?? ???? ?見?(control name)?? ?????磯?.
size = number [??拈??? ?蔘?: CN]: ???? SELECT ??????트?? ??????(scroll) ??? ???悶? ??????, ?? ??트????트?? ???첼? ???甄? ??臼? ?獵? ??(row)?? ???? ?????磯?. ????(visual) ??逾�???? SELECT ??????트?? ??? ????(list box)?? 표?? ?? ?却?? ????, ??鍛牟?(drop-down) ?濱??? ???? ?摸? ????? ??? ?? ?? ?獵?.
multiple [??拈??? ???? ????: CI]: ???? ?????퓔?, ?? ?恬?(boolean) ??트????트?? ???? ?????? ????構?, ???????? ??????, SELECT ??????트?? ???? ???? ???? ????磯?.

?摸? ?????? ???? ?? ??트????트

id, class(?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
disabled (?韜? ???低� ??활??화)
tabindex (???? ?? ????)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

SELECT ??????트?? ?濱?(menu)?? ?????. ?濱??? ?? ?????? OPTION ??????트?? ??타????. SELECT ??????트?? ?玲? ?璣??? OPTION ??????트?? ???????磯?.

OPTGROUP ??????트?? ?????悶??? ?????? ?????? ?????????? ????磯?. ?甄? ????微? ?? ???? ???? ??????? ???? ?????瞞? ?? ??, ?? ???? ?????? ???? ??瞿???, ???? ?? ???천??? ????????? ???? ?컁??構? ????歐? ?????臼? 특?? ?????求?. HTML 4????, ??? OPTGROUP ??????트?? ???? SELECT ??????트 ?효??? ?????臼??? ?磯?. ?????美? ?????? ?謬?트(nest)???? ???틴??磯?.

17.6.1 ???? ???? ??(pre-selected) ???? ????

???? ???? ?? ???? ???킬? ???????? ?? ?? ?獵?. ??逾�???? ??? ?????? ???? ???? ?? ?????? ?????? ???? ?퓟??磯?.

???? ???? ???? ?見??? ????(OPTION)?? ???? ?틜? ?孤? ????(selected)???? ???????? ?刻?????, ??逾�???? ?錚� ???低� selected?? ???? ?? ???寬??? ???풩??? ?刻年?. ?玲?. ?? ??? ?????? ????? ???? ?摸??? ??????, ?????? ???? ?????? RFC 1866([RFC1866] 8.1.3 ??)?姑? ?摸???:

??逾�???? ???? ?摸??퓐? ?蒡??渼? 확???? ?? ?濱?(menu)?? ?? ?????? ???천? ????트 OPTION?? ?????臼??? ?磯?.
???? OPTION ??????트?? ???? ?? selected ??트????트?? ?璣??見?, ?? ???? ???? ???? ?? ???甄?.
???? SELECT ??????트?? multiple ??트????트?? ?????퓸???, OPTION ??????트?? ?璣? ?鵑??? selected ??트????트?? ?????? ??????, ?陋孤??? ??? ???? ???? ?? ???甄?.
???? ?璣? ?鵑??? OPTION ??????트?? selected ??트????트?? ?????퓸? ?斂?, SELECT ??????트?? multiple ??트????트?? ?????퓸? ???? ??????, ?????? ?????홱?. ??逾�???? ?? ?????? ?錚�?? 처?? ?求占쏙옙??? ?摸? ?? ??????, ?璣? ?鵑??? ?見? ???천??? ???틴??磯?.

OPTGROUP - - (OPTION)+ -- ???? ???? ???? -->
%attrs;                              -- %coreattrs, %i18n, %events --
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 label       %Text;         #REQUIRED -- ?濱? ????(hierarchical)?? ??? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

OPTGROUP ??트????트(attribute) ????

label = text [??拈??? ????: CS]: ?? ??트????트?? ???? ???? ?????? ??(label)?? ?????磯?.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
disabled (?韜? ???低� ??활??화)
onfocus, onblur, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

?玲?: ???? HTML?? ?????? ?????? ?謬?트(nest)?? ????求? ????????璲� 채?? ?? ???? ?????構? ?獵?. ?????美? OPTGROUP ??????트?? ?謬?트 ?? ?? ?獵募? ???甄?. ?甄? ?????悶??? ???? ????(hierarchy)?? 표???? 풍???構? ?? ???甄?.

OPTION - O (#PCDATA)        -- ???? ?? ?? ?獵? ?琉? -->
%attrs;                              -- %coreattrs, %i18n, %events --
 selected    (selected)     #IMPLIED
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 label       %Text;         #IMPLIED  -- ?濱? ????(hierarchical)?? ??? --
 value       CDATA          #IMPLIED  -- ??????트 ?????? ????트 ???? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ??????

???? ???? ??트????트(attribute) ????

selected [??拈??? ???? ????: CI]: ?????퓔?, ?? ?恬?(boolean) ??트????트?? ?? ???? ???? ???? ???? ?? ?????? ?????磯?.
value = cdata [??拈??? ????: CS]: ?? ??트????트?? ????(control)?? ?珂璲�?? ?????磯?. ???? ?? ??트????트?? ???????? ?刻?????, ???歌??? OPTION ??????트?? ???????? ?????홱?.
label = text [??拈??? ????: CS]: ?? ??트????트?? ?????微? ???? ?????? OPTION ??????트?? ???? ??? 占쏙옙?? ??(label)?? ???? ?? ?? ?斂? ?磯?. ?????퓔?, ??逾�???? OPTION ??????트?? ???? ??? ??? ?? ??트????트?? ???? ???? ???? ?鑿㎎? ????臼??? ?磯?.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
disabled (?韜? ???低� ??활??화)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

?濱? ?????? 표?? ?? ??, ??逾�???? OPTION ??????트?? label ??트????트?? ???? ?? ???????? ????臼??? ?構?, ???? ???????? ?刻?????, OPTION ??????트?? ?????? ????臼??? ?磯?.

OPTGROUP ??????트?? label ??트????트?? ???? ?????? ???? ?????磯?.

?틔? ????????, ????微? 7???? ????트???? ?琉????? ???? ?????? ?????? ?? ?? ?獵? ?濱??? ???????. 첫??占쏙옙?? ?占쏙옙?占쏙옙 ?琉??? ???? ???? ?? ?琉??犬? ????微? ?????? ???? ?? ?? ?獵?. ?????? ?琉???? ?見? ???천??? ?苛?. size ??트????트?? ????微? 7???? ???? ???流? ?傷??? ???? ?? ?? ?笭????? ?耐??構?, ?濱??? 4 ??(row) ???? ?????? ?????臼???. ?摸? ???? ???流??? ??????(scroll) ????? ???臼? ???? ?? ?? ?獵?.

SELECT ?????? ?蚌?(submit)?? ?煐�??(reset) ???煞? ?獵?.


 
 Component_1

?????? ?占쏙옙??????(???? ?滂??? ????):

???? ?? ?琉? ???? ???? ?見? "component-select"?? ????臼?, ??????(successful)?絹홱?. ?틜? option ?? ???천??? ?刻?????, ?? ????? ???????? ?틈玖? ???? ?蚌?(submit)?臼??? ?? ?????? ?見??犬? ???? ???瀕??? ?苛占쏙옙?. value ??트????트?? ?????퓔?, ?????? ???歌??? ?????玖?, ?瀏??? ?????? ????? ?? ??????트?? ????(contents)?? ?홱募? ???? ?????灸?.

???? ?????? ???? ?????? ?????? ???臼? OPTGROUP ??????트?? ????臼???.


 
 PortMaster 3 with ComOS 3.7.1
     PortMaster 3 with ComOS 3.5
   
   
     PortMaster 2 with ComOS 3.5
   
   
     IRX with ComOS 3.5R

??????(grouping)?? ?????? ???? 표???홱?.

 PortMaster 3
     3.7.1
     3.7
     3.5
 PortMaster 2
     3.7
     3.5
 IRX
     3.7R
     3.5R

????(visual) ??逾�???? ????微? ???? ???? ???????? ???? ????(hierarchical) ?濱? ?풔? ???? ?????? ?????? ?駙??求? ????? ???臼? ???? ?? ?? ?斂? ?磯?.

?瀏??? ??逾�???? ?????? ???? 표?? ?? ???甄?.

?? ?譴????? 카?????絹?(cascading) ?濱??? 표?? ?? SELECT ??????트?? ?????娩?. ?濱??? ?? ?? ??(label)?? ???? ???천? ?? (PortMaster 3, 3.7.1)?甄?. ????渼? ?? 카?????絹?(cascading) ?濱??? ???? ?刻柰?, ?? ?? (PortMaster 2, 3.7)?? ???? ???????? ?刻年?. ?? 카?????絹? ?濱??? OPTGROUP ?풔? OPTION ??????트?? ???? ???占쏙옙????磯?.

17.7 `TEXTAREA` ??????트(element)

TEXTAREA - - (#PCDATA)   -- ???? ??(multi-line) ?灣?트 ?茄?(field) -->
%attrs;                              -- %coreattrs, %i18n, %events --
 name        CDATA          #IMPLIED
 rows        NUMBER         #REQUIRED
 cols        NUMBER         #REQUIRED
 disabled    (disabled)     #IMPLIED  -- ?? ?????? ??활??화 --
 readonly    (readonly)     #IMPLIED
 tabindex    NUMBER         #IMPLIED  -- ?? ??치 ?????????? ??치--
 accesskey   %Character;    #IMPLIED  -- ????키 ???? --
 onfocus     %Script;       #IMPLIED  -- ??????트(element)?? ????(focus) ???? --
 onblur      %Script;       #IMPLIED  -- ??????트?? ???? ???? --
 onselect    %Script;       #IMPLIED  -- ?瞿? ?灣?트?? ???? ?? --
 onchange    %Script;       #IMPLIED  -- ??????트?? ???? ????퓸??? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

??트????트?? ????

name = cdata [??拈??? ???? ????: CI]: ?? ??트????트?? ???? ?見?(control name)?? ?????磯?.
rows = number [??拈??? ?蔘?: CN]: ?? ??트????트?? ???甄? ?灣?트?? ??(line) ???? ?????磯?. ????渼? ?? ?? ?????? ?? ???? ???? ?韜? ??킬 ?? ?羚?? ?磯?. ??逾�???? ?????? ???甄? ?????? ?歌??臼??? ??, ?????? ?????? ??????(scroll) ?????? ?????臼??? ?磯?.
cols = number [??拈??? ?蔘?: CN]: ?? ??트????트?? ???甄? ?灣?트 ???? ???? ?韜? ?跏? ?????? ?????? ?????磯?. ????渼? ?? ???? ???????? ?? ???? ???美? ???? ?灣?트?? ?韜? ??킬 ?? ?羚?? ?磯?. ?瀏??? ??逾�???? ?????? ???甄? ?????? ?歌??臼??? ??, ?????? ?????? ??????(scroll) ?錚� ?????? ?????臼??? ?磯?. ??逾�???? ???? ?却? ????, ?? ?????? ?? ?? ?斂?, ???甄? ?灣?트 ?????? ?湄? ?摹侮??? ?? ?? ?獵?.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
readonly (?占쏙옙? ???? ?韜? ????)
disabled (?韜? ???低� ??활??화)
tabindex (???? ?? ????)
onfocus onblur, onselect, onchange onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

TEXTAREA ??????트?? ???? ?? ?灣?트 ?韜? ???低� ?????. ??逾�???? ?????? ???歌????? ?? ??????트?? ?????? ????構?, ???? ?灣?트?? 표???臼??? ?磯?.

?? ?????? ?? ???? ???? ?灣?트?? ?????求? 5??(row)?? 60 ?占쏙옙?(column)?? ???? TEXTAREA ???低� ?????. TEXTAREA ?????? ?蚌?(submit)?? ?煐�??(reset) ???煞? ?占쏙옙?.


 
    ???? ?灣?트?? 첫占쏙옙 ??.
   ???? ?灣?트?? ??占쏙옙 ?? ?珂璲�.

?????? ?占쏙옙??????(???? ?滂??? ????):

readonly(?占쏙옙? ????) ??트????트?? ???? ?????占쏙옙? ?????渼? TEXTAREA ?효? ???? ?? ?? ???? ?灣?트?? 표?? ?? ?? ?獵?. TEXTAREA?? ???? ???? ?途? ?蚌킵풉? ?????? ???? ?蒡??求? 표?? ?灣?트?? ????求? ?叩? ?摸???.

17.8 `ISINDEX` ???????(element)

ISINDEX?? ?念??? ???甄?. ?? ???????? ?? ?? ?灣?트 ?韜? ???低� ?????. ?????渼? ?灣?트 ?韜? ???低� ????? ???臼? INPUT?? ????磯?.

???????? ???풔? ???? DTD?? ?????灸?.

??트????트?? ????

prompt = text [??拈??? ????: CS]: ?念??? ???甄?. ?? ??트????트?? ?韜?칸?? 占쏙옙???? ?????? ???? ???悶??? ?美?(prompt)?? ?????磯?.

?摸? ?????? ???? ?? ??트????트

ISINDEX ??????트?? ???? ?????? ???? ???? ?? ??(line) ?灣?트 ?韜? ???低� ?????. ??逾�???? prompt ??트????트?? ???? ??????트?? ???????? ??? ?? ?? ?獵?.

?念??? ????:
?????? ISINDEX?? ?????臼???.

INPUT?? ?????? ???? ?? ?? ?獵?.


 ?講? ?????? ?韜??絿첼?:

ISINDEX?? ?퓜?. ???? ISINDEX?? ?퓜甄? 占쏙옙?? ?? ?????? ???? URI?? HTTP URI ?? ???? ?? ????? ???풩홱?. ?????占쏙옙? ?摸? ???? ??트?? ???? ?? URI?? ????? ???? ?????퓐? ???悶? ?韜??? Latin-1???? ???祁퓸??獵?.

17.9 ??(label)

?灣?트 ?茄?(text field), 체크?黴?(checkbox), ????? ????(radio button), ?濱?(menu) ?? ??占쏙옙??? ???? ??????, ?瞿? ??(form) ????(control)?? ?湄??????? ???傷? ???? ?? ???? ???占쏙옙?.

?絿??? ???? ???? ???楮�??, ??逾�???? value ??트????트 ???? ?? ???悶??? ????臼??? ?磯?.

LABEL ??????트?? ?絿??? ?鑿㎏? ?????? ???? ?苛? ?????? ???? ?????歐? ???臼? ???홱?.

17.9.1 `LABEL` ??????트(element)

LABEL - - (%inline;)* -(LABEL) -- ?? ?茄? ?? ?灣?트 -->
%attrs;                              -- %coreattrs, %i18n, %events --
 for         IDREF          #IMPLIED  -- ?茄? ID ???? ???? --
 accesskey   %Character;    #IMPLIED  -- ????키 ???? --
 onfocus     %Script;       #IMPLIED  -- ??????트(element)?? ????(focus) ???? --
 onblur      %Script;       #IMPLIED  -- ??????트?? ???? ???? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

??트????트?? ????

for = idref [??拈??? ????: CS]: ?? ??트????트?? ?摸? ????? ???? ?? ?鑿㎞? ??확?構? ??????킨??. ?隔??? ??????, ?? ??트????트?? ???? ???? ???????? ?摸? ???? id ??트????트?? ???? ???틴??磯?. ??????, ???? ?? ???? ??????트?? ????? ?????홱?.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
accesskey (????키)
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

LABEL ??????트?? ????(control)?? ?????? 占쏙옙???求쨉? ??? ?? ?? ?獵?. ?? LABEL ??????트?? ??확?構? ?毬??? ?? ????? ?????홱?.

for ??트????트?? ?摸? ?????? ????(control)?? ?鑿㎞? ?????磯?. for ??트????트?? ???? ???? ?? ???? ??????트?? id ??트????트?? ???? ???틴??磯?. ?璣? ?鵑??? LABEL?? for ??트????트?? ???臼? ???? ?????? ???? ?? ???? ???楮� ???? ?? ?? ?獵?.

?? ?????? ?寬??? ???? ?? ?灣?트 ?韜? ?????? ?流涌� ???? ?? ?鑿㏊??? ???? 표(table)?? ?????. ?? ???? ??확?構? ?毬??? ?灣?트 ?韜??? ?????홱?.

?? ?????? ???? ?????? LABEL ??????트?? ???? ?? ???甄?.


 
   ?見?: 
     

   ??: 
     

   ???? ????: 
     

    ??

    ??

?摸? ????(control)?? ?絿??????? ?鑿㎰? ???? ??키?? ???漫?, ???? ??????트?? LABEL ??????트?? ???? ?효? ?羚?? ?磯?. ?肩? ???, LABEL?? ?毬??? ???? ??????트?? ???? ?? ?? ?獵?. ?? ??체?? ???? ?? ?????? ???犬? ?悶? ??치 ?? ?? ?獵?.

?? ????????, ?寬??? ???? ?寬??? ?灣?트 ?韜? ???楮� ?絿??????? ???????榴?.


 
  ?見?
   
 
 
    ??

?? ????? ???? ?? 칸(cell)?? ?斂?, ?????? ???載� ?摸? 칸?? ?獵? 표(that)?? ??치(layout)????, ??? ?? ???? ??? ?? ?? ?????? ?????灸?.

LABEL ??????트?? focus(?????? ????)?퓔?, ?甄? ????(focus)?? ???? ?? ???楮� ?킥?鍍홱?. ?틔? ????키(access key)?? ???? ?????灸?.

???? ???? ??????, ???? ?欖? ??치???? ?占쏙옙? ??? ?? ??逾�???? ???? ?摸??? 표?? ?? ?? ?獵?.

17.10 ???? ???? ?煞?: `FIELDSET`?? `LEGEND` ??????트


FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- ?? ???? ???? -->
%attrs;                              -- %coreattrs, %i18n, %events --
>

LEGEND - - (%inline;)*       -- ?茄? ??트(fieldset) ????(legend) -->


%attrs;                              -- %coreattrs, %i18n, %events --
 accesskey   %Character;    #IMPLIED  -- ????키 ???? --
>

?????占쏙옙?: ?却? ??, ?????占쏙옙?: ?却? ??

LEGEND ??트????트(attribute) ????

align = top | bottom | left | right [??拈??? ???? ????: CI]

?念??? ???甄?. ?? ??트????트?? ????(legend)?? ?茄? ??트(fieldset)?? ?? ?? ??치?? ?????玖?, ?????? ????:

top: ???歌? ?茄占쏙옙트?? ???却? ??치 ??. ????트 ?? ??.
bottom: ???歌? ?茄占쏙옙트?? ?틔??却? ??치 ??.
left: ???歌? ?茄占쏙옙트?? ???却? ??치 ??.
right: ???歌? ?茄占쏙옙트?? ?틔??却? ??치 ??.

?摸? ?????? ???? ?? ??트????트

id, class (?? ?????? ?? ?? ??????)
lang (??? ????), dir (???? ????)
title (??????트 ????)
style (?占쏙옙??? ??타?? ????)
accesskey (????키)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (?????? ?遣?트)

FIELDSET ??????트?? ?????微? ?????? ?鑿㏊??? ???? ???? ?? ?斂? ?磯?. ????(control)???? ???? ?????? ???? ??逾�?????? ???? ??(navigation tabbing) ?????? ????(speech-oriented) ??逾�?????? ???? ???挽? ???첼? ?????球퓐?, ????微? ?流??? ?????? ?????歐? ???構? ?? ?娩?. ?? ??????트?? ????? ?????? ?? ???? ?????歐? ?? ?? ???甄?.

LEGEND ??????트?? ?????微? FIELDSET?? ????(caption)?? ???? ?? ?? ?斂? ?磯?. ????(legend)?? FIELDSET?? ?????? ?苛? 표???? ?? ?? ???憺??? ????킨??.

????????, ?퓨??? ?繫?퓻??? 채?? ???? ???????. ?甄? ???? ????, ?퓐? ???, ?????? ????? ?? ?琉??? ??????, ?? ?琉??? ?????? ?????? ?韜? ?? ?? ?令??? ???低� ???占쏙옙?.


 
 

   ???? ????
     ?見?: 
     ??: 
     ?玲?: 
     ... ???? ???? ??? ...
 
 
   ?퓐? ???
      Smallpox
      Mumps
      Dizziness
      Sneezing
     ... ?퓐? ??? ??? ...
 
 
   ???? ????
   ???? ?錚� ???? ??苛歐??
     ??
     ?틈臼?
   ???? ???? ???? ??占쏙옙? ?틔? ???? ?笭駕첼?:

?? ????????, ?? FIELDSET ?효??? ??????트?? ??타?絿?트?? ?????構?, ????? ??트 ????, ????微? ???? ?????? ?韜??玖?, ???? ???? 표?? ????킬 ?? ?獵?.

17.11 ??????트?? ????(focus) ????

HTML ????????, ??????트?? 활??화?품? ?達??? ?????歐? ???臼?, ????渼? ????(focus)?? ?騁틴??磯?. ???? ???, ???? ?? ????? ???? ???臼? ????渼? A ??????트?? ?????? 활??화 ???耭??磯?. ??????????, ?灣?트?? ?韜占쏙옙?키?? ???臼? TEXTAREA?? ????渼? ?????? ?羚???磯?.

??????트?? ?????? ?玲? ???漫? ?載�?? ????? ???홱?.

?????求? ??치(pointing device)?? ??????트?? ?????磯?.
키????? ?? ??????트???? ???????? ????(navigate)?磯?. ????微? 키????? ?????? ?????玖? ??? ??????트?? ????(focus)?? ???? ???寬? ?求? ?????? ?????歐? ???臼?, ???????????渼? ?? ????(tabbing order)?? ???? ?? ?? ?獵?(?퓻? ???? ???? ????). ???천퓔?, ??????트?? 키?? 활??화 ?? ?? ?獵?.
????키(access key: "keyboard shortcut" ?풔? "keyboard accelerator"????? ??)?? ??????트?? ????.

17.11.1 ?퓻? ???? ????(tabbing navigation)

??트????트?? ????

tabindex = number [??拈??? ?蔘?: CN]: ?? ??트????트?? ???? ?????? ?? ????(tabbing order)?????? ???? ??????트?? ??치?? ?????玖?, ?? ???? 0?? 32767 ?????? ??치 ?潔???磯?. ??逾�???? ?纜??????? 0???? ?????臼??? ?磯?.

?? ????(tabbing order)?? ????微? 키????? ???? ?? ??, ?錚� ??????트?? ????(focus)?? ???? ???寬? ?求? ?????? ?????磯?. ?? ?????? ??????트 ?淡? ?摸? ??????트?? ?謬?트(nest)?? ???? ?? ?? ?獵?.

?????? ???? ??????트?? ??逾�???? ???臼? ???? ??칙?? ???? ????(navigate)?磯?.

tabindex ??트????트?? ?????求? ??????트??? ????? ???? ?? ?????? ???? ?????磯?. ???娩? ???? ???? tabindex ???? ???? ??????트?? ???? ???? ???? ???? ??????트?? ????홱?. ?? ???? ?????????? ?? ?却娥� ???? ?錚� 특?? ?? ??치?? ???? ?? ?却莪� ????. ???? tabindex ???? ???? ??????트?????? ?? ???恙�?? ???? ???? ?????? ?????磯?.
tabindex ??트????트?? ???????? ?歌킬? ?????풍? ?? ???? "0"???? ???? ?? ??????트???? ?? ???????? ?????磯?. ?? ??????트???? ???恙�?? ???微? ???? ?????? ?????磯?.
????(disabled) ?? ??????트?? ?? ?????? ???????? ?苛占쏙옙?.

A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA ??????트?? tabindex ??트????트?? ?????磯?.

?? ????????, ?? ?????? "field1"?? ???煞? ???? tabindex?? ?????????, "field1"?? ?????? ?悶? ?????퓐? BUTTON, INPUT ??????트 ???甄?. ?????????? A ??????트?? ???臼? ???? ?? ?????? ?홱?.

??(form)?? ???? ???? ... ?摸? ?灣?트 ...

W3C Web site?? ????. ... ?摸? ?灣?트 ... ... ?摸? ?灣?트 ...

?? 키(tabbing key). ?퓻? ???? ????(tabbing navigation)?? ?????키??, ??????트?? 활??화?? ??키??, ???? 키 ????(key sequence)??, ???? ???, "tab" 키?? ???萬? ???풔占쏙옙??? "enter" 키?? ???? ?? ???? 활??화(activate) ??키?쨉? ???풔占쏙옙?, ?求? ??逾�???풉????? ???? ?摸???.

??逾�???? ?? ????(tabbing order)?? ???慕? ?????溝??? 키(key) ?????? ???? ?? ???? ?獵?. ?? ?????? ???犬? ???謗? ?????玖?, ??逾�???? ?????犬? ?????? ??환??킬 ?? ?獵?.

17.11.2 ????키(access key)

??트????트?? ????

accesskey = ???? [??拈??? ?蔘?: CN]: ?? ??트????트?? ??????트?? ????키?? ?????磯?. ????키?? ???? ???? ??트?? ?? ?????甄?.; ????: ?????渼? ????키?? ???? ?? ?? ???? ??????? ?韜? ???(method)?? ?????臼??? ?磯?.

??????트?? ???? ?? ????키(accesskey)?? ??????, ?? ??????트?? ????(focus)?? ?羚?????. ??????트?? ?????? ?騁??? ???? ?謗??? ??????트?? ???? ?摸???. ???? ???, A ??????트?? ???臼? ???? ?? ????(link)?? ????微? 활??화(activate) ??키??, ??逾�???? ?球??????? ?????킨??. ????微? ????? ????(radio button)?? 활??화 ??키??, ??逾�???? ????? ?????? ???? ?????키??, ?灣?트 ?茄躍� 활??화 ??키??, ?韜??? ????磯?.

A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA ??????트?? accesskey ??트????트?? ?????磯?.

?? ?????? INPUT ????(control)?? ???? ?? ??(label)?? ????키(access key) "U"?? ?????磯?. ????키?? ??????, ?鑿㎰? ????????, ???? ???楮� ?羚?????. ?瀏??? INPUT ?????? ?灣?트?? ?韜? ?? ?? ?斂? ?홱?.


 
  ?????

?? ????????, ????키(access key)?? A ??????트?? ???臼? ???? ?? ????(link)?? ?풩??? ?????臼???. ????키?? ?????? ????美? ?摸? ????(?? ?????????? ??????)?? ???? ?? ???甄?.

 ????

????키(access key)?? ?滂??? ????獵? ?첵??謗? ???? ?摸???. ???? ??? MS Windows???? ?滂??求? ??瓦�??, ?球??????? ????키?? "alt" 키(key)?? ?途? ?????? ?構?, Apple ?첵??謗????? ?球??????? ????키?? "cmd" 키?? ?途? ???????磯?.

????키?? 표???? ??逾�???? ???? ?摸???. ?????微? ??(label) ?灣?트 ?풔? ???? ????키?? ????풔? ?????? ????키?? ???督?킬 ???? ??천?磯?. ??逾�???? ?? ?達??? ?????構?, ?摸? ???湄?? ?????풩???(???? ??? ?? ???? ?杉? ??) ????키?? ???? 표???臼??? ?磯?.

17.12 ??활??(disabled)?? ?占쏙옙? ????(read-only) ????

????? ?韜??? ?帽??????? ?歌킬? ?却? ???? ??, ???低� ??활?? ??키?킬? ?占쏙옙? ???????? ?求? ???? ?傷??磯?. ???? ???, ?却??? ?????拷? ?韜占쏙옙?키?? ?????? ???? ?蚌?(submit) ???蔘? ??활??화 ?歐綬� ?? ?? ?? ?獵?. ????構?, ?????微? ???? ?途? ?蚌킵퓸?? ?? ???? ?占쏙옙? ???? ?灣?트?? ???? ??키?綬� ?? ?? ?? ?獵?. ???? ?琉???? ??활???? ?占쏙옙? ???? ???低� ?????磯?.

17.12.1 ??활??(disable) ????(control)

??트????트?? ????

disabled [??拈??? ???? ????: CI]: ??(form) ???楮� ?????퓔?, ?? ?恬?(boolean) ??트????트?? ????? ?韜? ???低� ?柰????構? ?磯?.

?????퓔?, disabled ??트????트?? ??????트?? ???? 효???? ?娩?.

??활?? ?? ????? ????(focus)?? ???? ?苛占쏙옙?.
??활?? ?? ????? ?퓻? ???? ????(tabbing navigation)?? ?풍? ?渼?.
??활?? ?? ????? ??????(successful)?? ?? ?? ?????磯?.

BUTTON INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA ??????트?? disabled ??트????트?? ?????磯?.

?? ??트????트?? ???瀕??? ??, ???? ???????? ???? ?? ???? ???? ????(override) ?? ?獵?.

??활?? ?? ??????트?? 표?? ????? ??逾�???? ???? ?摸???. ???? ???, ?瞿? ??逾�???????? ??활?? ?? ?濱? ?琉?, ?????? ?? ???? ?躍�?? 표???磯?.

?? ????????, INPUT ??????트?? ??활???퓸???. ?瀏??퓐?, ??????? ?韜??? ???? ?? ????, ?? ???? ???? ?途? ?蚌? ?? ?? ????.

?玲?: disabled ??트????트?? ???? 탄?占쏙옙??斂? ?????狗??? ???琉?트(script)?? ????求? ??? ???甄?.

17.12.2 ?占쏙옙? ????(read-only) ????(control)

??트????트?? ????

readonly [??拈??? ???? ????: CI]: ?? ?? ?????? ?????玖?, ?? ?恬?(boolean) ??트????트?? ?? ?????? ?????? ?????磯?.

readonly ??트????트?? ???載� ????悶? ???臼? ???? ?? ?? ?獵占쏙옙??? ?????磯?.

???? ?회?, readonly ??트????트?? ??????트?? ???? 효???? ???占쏙옙?.

?占쏙옙? ????(read-only) ??????트?? ????(focus)?? ??????, ????悶? ???臼? ??????? ?苛占쏙옙?.
?占쏙옙? ???? ??????트?? ?퓻? ???? ????(tabbing navigation)?? ???鍍홱?.
?占쏙옙? ???? ??????트?? ??????(successful)?? ?? ?? ?獵?.

INPUT, TEXTAREA?? readonly ??트????트?? ?????磯?.

?錚�?? ?占쏙옙? ???? ??????트?? 표???풔? ????? ??逾�???? ???? ?摸???.

?玲?: readonly ??트????트?? ???? 탄?占쏙옙??斂? ?????狗??? ???琉?트(script)?? ????求? ??? ???甄?.

17.13 ???? ?蚌?

?? ?琉?? ??逾�?? ?? ???????? 처?? ?釉�??(agent)???? ?蚌? ????? ?????磯?.

17.13.1 ???? ?蚌?(submit) ???

FORM ??????트?? method(???) ??트????트?? ??(form)?? 처?? ?釉�?悶??? ?????쨉? ???풔? HTTP ???(method)?? ?????磯?. ?? ??트????트?? ???? ?寬??? ???? ???? ?? ?獵?.

get: HTTP?? "get" ???????, ?? ?????? ??트(form data set)?? action ??트????트?? ???? ?? URI?? ?? ????표 ("?")?? ?占쏙옙??臼? ?煞??품?, ?? ?? URI?? 처??(processing) ?釉�??(agent)???? ????????.
post: HTTP?? "post" ???????, ?? ?????? ??트?? ???? ??체?? ???鍍퓸? 처?? ?釉�?悶??? ????????.

"get" ????? ???? ?摸? 효??(side-effects)?? ???颯?키?? ???? ???? ????臼??? ?磯?. ???? ?????故??決?(database) ?講????? ???甄? ?摸? 효??(side-effect)?? ???? ?鵑????? "get" ????? ????홱?.

???? ???, ???? ???? ?????故??決??? ?????構킬?, ???洲봇? ???(subscription)?求? ??, ???洲별? ?摸? 효???? ?????求? ???? 처???? ?磯摸?, "post" ????? ???퓸?? ?磯?.

?玲?: "get" ????? ?? ?????? ??트?? ???? ASCII ???米? ?????磯?. enctype="multipart/form-data"?? ?途? ????求? "post" ??? ???? ??체 [ISO10646] ???? ??트?? 占쏙옙???溝??? ?????퓸???.

17.13.2 ?????? ????

?????? ????(successful control)?? ??효?? ?蚌?(submit)?甄?. ??? ?????? ????? ?蚌킵풔? ?? ?????? ??트(form data set)?? ?占쏙옙????? ?? ???? ?見??? ?? ???占쏙옙?? 짝?? ???占쏙옙?. ?????? ????? FORM ??????트 ?효??? ???풩품? ???? ?見??? ???????磯?.

?瀏???:

??활??(disabled) ?????? ???????? ?? ?? ????.
???? ???? ?璣? ?鵑??? ?蚌? ?????勇� ???占쏙옙摸?, 활??화 ?? ?蚌? ???? ???? ???????甄?.
??? "on" ?? 체크?黴?(checkboxe)?? ???????? ?? ?? ?獵?.
name??트????트?? ???? ???? ???? ????? ????(radio button)?涌�??, "on" ?? ????? ???? ???? ???????? ?? ?? ?獵?.
?濱?????, ???? ?見??? SELECT ??????트?? ???臼? ?????품?, ?? ???? OPTION ??????트?? ???臼? ?????홱?. ???? ??(selected) ???? ???? ???? ???????? ?? ?? ?獵?.
화?? ????(file select)?? ???占쏙옙?? ?毬? 혹?? ?? ?鵑??? 화?? ?見????? ????甄?. ???? ?蚌키? ???첼?, ?? 화???? ?? ?????? ?????? ?摸? ?? ?????沽? ?途? ?鈒滂홱?. ?? 화?? ?????? ???? ????트 타??(content type)?? ???? ????홱?.
??????트 ?????? ???占쏙옙?? ??????트?? ???占쏙옙 ???? ?????홱?.

???? ???? ?蚌킵풔쨉? ???載� ???占쏙옙?? ?????? ???? ??????, ??逾�???? ?????? ????? 처?????? ???틴??磯?.

?? ?? ??逾�???? ?????? ???? ??占쏙옙 ?????? ????? ???????? ???틴??磯?.

?煐�?? ????(reset button).
declare ??트????트?? ???? ?? OBJECT ??????트.

?????? ????(hidden control)?? ??타?絿?트(style sheet) ???? ?????? 표?????? ???? ????? ???????? ?? ?? ?獵?. ???? ???:

?甄? ???? ?見? "invisible-password"?? 짝?絹퓸? ???? ?途? ?蚌?(submit)?홱?.

17.13.3 ?? ???????? 처??

?蚌? ????(submit button)?? 활??화 ?求? ?????? ????微? ???? ?蚌??玖?, ??逾�???? ?????? ???? 처???磯?.

?求丙?: ?????? ????(successful control)?? ?占쏙옙??磯?.

?甄丙?: ?? ?????? ??트?? ????

?? ?????? ??트(form data set)?? ?????? ?????? ???? ???? ?見?(control-name)?? ???占쏙옙(current-value) 짝??? ???? ?? ?狗??? ???????甄?.

??丙?: ?? ?????? ??트?? ???湄?

?? ?????? ??트?? FORM ??????트?? enctype ??트????트???? ???? ?? ????트 타??(content type)?? ???臼? ???湄??홱?.

??丙?: ???湄? ?? ?? ?????? ??트?? ?蚌?

??????????, ???湄? ?? ?????姑? action ??트????트?? ???? ?? 처?? ?釉�??(processing agent)???? method ??트????트?? ???臼? ???? ?? ????????(protocol)?? ????臼? ????????.

?? ?蹈??? ???? ??? ?? ?? ?獵? ??? ??효?? ?蚌? ??????犬? ????트 타?????? ???????? ?刻年?. ?瀏???, HTML 4 ??逾�???? ???? ?????? 처?? ????? ?????臼??? ?磯?.

???? method?? "get"?隔? action?? HTTP URI?見?, ??逾�???? action?? ???? ????, ???藪� `?'?? ?煞? ?? ??, ?? ?????? ??트(form data set)?? ?煞??臼??? ?臼?, ????트 타??(content type) "application/x-www-form-urlencoded"?? ????臼? ???湄??臼??? ?磯?. ???? ??逾�???? ?? URI?? ?????? ?磯?. ?? ?처?????(scenario)????, ?? ?????姑? ASCII ?湄?? ?????磯?.
???? method?? "post"?隔? action?? HTTP URI?見?, ??逾�???? action ??트????트?? ????, enctype ??트????트?? ???臼? ???? ?? ????트 타???? ???? ????? ?? ?氷????? ???? HTTP "post" ?蚌??? ?????磯?.

action ?풔? method?? ?摸? ????????, ?滂??? ?????퓸? ???? ?刻年?.

??逾�???? HTTP "get"?? "post" ????(transaction)?? ?蚌??? 표???臼??? ?磯?.

17.13.4 ???? ????트 타??(content type)

FORM ??????트?? enctype ??트????트?? ?????? ?蚌??? ???玖? ?? ?????? ??트(form data set)?? ???湄恙� ??? ?? ????트 타??(content type)?? ?????磯?. ??逾�???? ?틔? ????? ????트 타???? ?????臼??? ?磯?. ?摸? ????트 타?鍍??? ?滂??? ?????퓸? ???? ?苛?.

URI ??트????트 ?????? ???芳???("&") ??????????(escaping)?? ?????灸?.

????트 타?? "application/x-www-form-urlencoded"

?甄? ????트 타??(content type)?? ????트 ???甄?. ?? ????트 타?????? ?蚌킵풔? ???? ?????? ???? ???湄??퓸?? ?磯?.

???? ?見?(Control name)??? ?????? ?틱?키 ??????(escaped(?홱?. ???? ???湄??? `+'???? ??체?품?, ?? ?? [RFC1738] ?琉? 2.2?? ???? ?? ?牟? ???? ????(reserved) ???湄??? ?틱?키 ??????(escaped) ?홱?. ?? ???캤?(Non-alpha) ???湄??? ?蒡?트 ??호?? ?娩? ?????? ASCII ?湄恙� ?娩??求? ?寬??? 16?????? ?? `%HH'?? ?홱?. ?摹侮?(line break)?? "CR LF"('%0D%0A')?? ?홱?.
???? ?見??? ???? ?????? ??타???? ?????? ???? ???화?홱?. ?見??? ?? ???? `='?? ?占쏙옙??품?, ???? ?見??? ???? 짝?? ???? `&'?? ?占쏙옙??홱?.

????트 타?? "multipart/form-data"

?玲?: ???? ???? ???欖? ????, "multipart/form-data"?? ??타 ????트 타??(content type)????? ????, ???? ???? ???? ?????臼?, 화?? ???占쏙옙?(upload)?? ?? ?? ?煞????? ?????? [RFC2388]?? ?????灸?.

?占쏙옙??? ???? ???? ?????? ?????灸?.

????트 타?? "application/x-www-form-urlencoded"?? ???? ???? ??????(binary) ?????? ?풔? ??틱?키(non-ASCII) ???美? ?????求? ?灣?트?????? 효?????? ?틈求?. 화??, ??틱?키 ??????, ?????? ???????? ?????求? ???? ?蚌?(submit)???? ????트 타??(content type) "multipart/form-data"?? ???퓸?? ?磯?.

????(binary) "multipart/form-data"?? [RFC2045]?? ?柰? ?? ??? ???? MIME ?????? ?躍�?? ??칙?? ??????. "multipart/form-data" ???풔? [IANA] ??????트??(registry)?? ?獵?.

"multipart/form-data" ?氷????? ?????? ???? ?占쏙옙占�??? ?????? ?????臼? ??타????. ?? ?占쏙옙占�??? ?????? ??타???? ????? ?????求? ???? ??????????, 처?? ?釉�??(processing agent)???? ???? ????. ?占쏙옙??? ??획?? ?錚� ?????沽??? ??타???? ?刻틴? ?玖?, ?? ????? ?? ?蹈??? ???? ???甄?.

??? ???? MIME 타?鍍?? ????, ?? ?占쏙옙??? ????트?? "text/plain"?? ?????? "Content-Type" ???(header)?? ???占쏙옙?. ??逾�???? "charset" ?캘????(parameter)?? ???臼? ?肩?????? "Content-Type" ????? ?????臼??? ?磯?.

?? ?占쏙옙??? ?????? ???? ?? ???甄?.

???? "form-data" ?? "Content-Disposition" ???.
?娩? ?????? ???? ?見??? ?????求? name ??트????트. ???? ??틱?티(non-ASCII) ???? ??트?? ???湄? ?? ???? ?見??? [RFC2045]?? ?柰? ?? ????? ??????.

?瀏???, ???? ?見? "mycontrol" ?? ????????, ?娩? ?占쏙옙??? ?????퓸???.

 Content-Disposition: form-data; name="mycontrol"

??? MIME ?蚌탓????? ????, "CR LF"(`%0D%0A')?? ???????? ??(line)?? ?????歐? ???臼? ???홱?.

?? ?占쏙옙??? ???湄? ?? ?? ?斂?, ???? ?? ?占쏙옙??? ???? ????트 ???湄? (7BIT)?? ??치???? ??????[RFC2045 ?琉? 6 ????], "Content-Transfer-Encoding" ???(header)?? ?????퓸?? ?磯?.

???? ?? 화?? ??????? ???? ?途? ?蚌킵퓔?, ?? 화?? ?韜??? ?????? ????트 타?????? ?????퓸???磯?(???? ???, "application/octet-stream"). ???? ???? ?? ??트???? ????? ????(multiple) 화?溝??? ???틸占쏙옙摸?, ?? ?孤??? "multipart/form-data" ?효? ??? ?獵?(embedded) "multipart/mixed"?? ???틸槁??磯?.

??逾�???? ?? ?蚌?(submit) 화???? 화?? ?見? ?????? ?천??臼??? ?磯?. ?? 화?? ?見??? 'Content-Disposition: form-data' ????? "filename" ?캘???庫?, ?풔?, ????(multiple) 화???? ???, ?占쏙옙??? 'Content-Disposition: file' ??? ???? "filename" ?캘???庫? ???? ?? ?? ?獵?. ???? ??????? ?楮� 체?瓦�?? ?? 화?? ?見??? US-ASCII?? ?틈玖?, ?? 화?? ?見??? ?酉�?????? ?품킬? ?풔? [RFC2045]?? ????? ????臼? ???湄弱� ?? ?? ?獵?. ?隔???, ???? ???, ???占쏙옙? ?? 화???? ???? ????(???? ???, TeX 화?構? ???? ".sty" ???? ??타?? ????)?? ???? ?? ??占쏙옙 ?????求?.

?????? "multipart/form-data" ???湄??? ?????磯?. ?????? ???? ????????.


 
 ??????? 

 ???? 화?????

???? ????微? "Larry"?? ?灣?트 ?韜??構? "file1.txt" 화???? ?????玖?, ??逾�???? ???? ?????拷? ?풩??? ???? ???甄?.

  Content-Type: multipart/form-data; boundary=AaB03x

  --AaB03x
  Content-Disposition: form-data; name="submit-name"
  Larry
  --AaB03x
  Content-Disposition: form-data; name="files"; filename="file1.txt"
  Content-Type: text/plain
  ...  file1.txt?? ???? ...
  --AaB03x--

???? ????微? ?占쏙옙?占쏙옙 ?譴??? 화?? "file2.gif"?? ?????臼??摸?, ??逾�???? ?????? ???? ?占쏙옙占�??? ???? ?? ???甄?.

 Content-Type: multipart/form-data; boundary=AaB03x

 --AaB03x
  Content-Disposition: form-data; name="submit-name"
  Larry
  --AaB03x
  Content-Disposition: form-data; name="files"
  Content-Type: multipart/mixed; boundary=BbC04y
  --BbC04y
  Content-Disposition: attachment; filename="file1.txt"
  Content-Type: text/plain
  ... file1.txt?? ???? ...
  --BbC04y
  Content-Disposition: attachment; filename="file2.gif"
  Content-Type: image/gif
  Content-Transfer-Encoding: binary
  ... file2.gif?? ???? ...
  --BbC04y--
  --AaB03x--

?? ????(http://trio.co.kr/webrefer/html/interact/forms.html)?? ???????? ???? ????? ??????.

17 ??(form)?? ?柰?

17.2 ????(control)

17.2.1 ????(control) 타??(type)

17.3 `FORM` ??????트(element)

17.4 `INPUT` ??????트(element)

17.4.1 INPUT?? ?????풔? ????(control) 타??(type)

17.4.2 INPUT ????(control)?? ???? ????

17.5 `BUTTON` ??????트(element)

17.6 `SELECT`, `OPTGROUP`, `OPTION` ??????트(element)

17.6.1 ???? ???? ??(pre-selected) ???? ????

17.7 `TEXTAREA` ??????트(element)

17.8 `ISINDEX` ???????(element)

17.9 ??(label)

17.9.1 `LABEL` ??????트(element)

17.10 ???? ???? ?煞?: `FIELDSET`?? `LEGEND` ??????트

17.11 ??????트?? ????(focus) ????

17.11.1 ?퓻? ???? ????(tabbing navigation)

17.11.2 ????키(access key)

17.12 ??활??(disabled)?? ?占쏙옙? ????(read-only) ????

17.12.1 ??활??(disable) ????(control)

17.12.2 ?占쏙옙? ????(read-only) ????(control)

17.13 ???? ?蚌?

17.13.1 ???? ?蚌?(submit) ???

17.13.2 ?????? ????

17.13.3 ?? ???????? 처??

?求丙?: ?????? ????(successful control)?? ?占쏙옙??磯?.

?甄丙?: ?? ?????? ??트?? ????

??丙?: ?? ?????? ??트?? ???湄?

??丙?: ???湄? ?? ?? ?????? ??트?? ?蚌?

17.13.4 ???? ????트 타??(content type)

????트 타?? "application/x-www-form-urlencoded"

????트 타?? "multipart/form-data"

17 ??(form)?? ?柰?

17.2 ????(control)

17.2.1 ????(control) 타??(type)

17.3 FORM ??????트(element)

17.4 INPUT ??????트(element)

17.4.1 INPUT?? ?????풔? ????(control) 타??(type)

17.4.2 INPUT ????(control)?? ???? ????

17.5 BUTTON ??????트(element)

17.6 SELECT, OPTGROUP, OPTION ??????트(element)

17.6.1 ???? ???? ??(pre-selected) ???? ????

17.7 TEXTAREA ??????트(element)

17.8 ISINDEX ???????(element)

17.9 ??(label)

17.9.1 LABEL ??????트(element)

17.10 ???? ???? ?煞?: FIELDSET?? LEGEND ??????트

17.11 ??????트?? ????(focus) ????

17.11.1 ?퓻? ???? ????(tabbing navigation)

17.11.2 ????키(access key)

17.12 ??활??(disabled)?? ?占쏙옙? ????(read-only) ????

17.12.1 ??활??(disable) ????(control)

17.12.2 ?占쏙옙? ????(read-only) ????(control)

17.13 ???? ?蚌?

17.13.1 ???? ?蚌?(submit) ???

17.13.2 ?????? ????

17.13.3 ?? ???????? 처??

?求丙?: ?????? ????(successful control)?? ?占쏙옙??磯?.

?甄丙?: ?? ?????? ??트?? ????

??丙?: ?? ?????? ??트?? ???湄?

??丙?: ???湄? ?? ?? ?????? ??트?? ?蚌?

17.13.4 ???? ????트 타??(content type)

????트 타?? "application/x-www-form-urlencoded"

????트 타?? "multipart/form-data"

17.3 `FORM` ??????트(element)

17.4 `INPUT` ??????트(element)

17.5 `BUTTON` ??????트(element)

17.6 `SELECT`, `OPTGROUP`, `OPTION` ??????트(element)

17.7 `TEXTAREA` ??????트(element)

17.8 `ISINDEX` ???????(element)

17.9.1 `LABEL` ??????트(element)

17.10 ???? ???? ?煞?: `FIELDSET`?? `LEGEND` ??????트