{"id":1265,"date":"2013-05-29T13:12:25","date_gmt":"2013-05-29T13:12:25","guid":{"rendered":"http:\/\/brain.payzip.co.kr\/?p=1265"},"modified":"2013-05-29T13:12:25","modified_gmt":"2013-05-29T13:12:25","slug":"html%ed%83%9c%ea%b7%b8-fieldset%ea%b3%bc-legend","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=1265","title":{"rendered":"HTML\ud0dc\uadf8 – FIELDSET\uacfc LEGEND"},"content":{"rendered":"

\ub124\uc774\ubc84 \uac80\uc0c9\ud3fc\uc5d0 \ubcf4\uba74 FIELDSET<\/strong>\uacfc\u00a0LEGEND \ud0dc\uadf8\ub97c \uc880 \uc758\ubbf8 \uc788\uac8c \uc4f8\ub824\uace0\ud55c\uac70\uac19\ub2e4. <\/strong><\/p>\n

\u00a0select \uad6c\ubb38\uc5d0 blind\ucc98\ub9ac\ub41c\uac78\ub85c \ubcf4\uc544 \uc2dc\uac01\uc7a5\uc560\uc778\uc6a9 ,\ubc31\uadf8\ub77c\uc6b4\ub4dc\uc6a9 \ucc98\ub9ac\ud560\uac83\uc73c\ub85c \ubcf4\uc784…<\/strong><\/p>\n

\uc544\uc8fc \uc800\uc138\uc0c1\uc73c\ub85c \ubcf4\ub0b4\ubc84\ub9ac\uc168\ub2e4.(\u00a0position: absolute; top: -1000em; left: 0;)<\/p>\n

#CSS<\/p>\n

\n
\n
img,\u00a0fieldset,\u00a0iframe { border: 0 none; }<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
.blind, legend {display: block; overflow: hidden; position: absolute; top: -1000em; left: 0; }<\/div>\n
<\/div>\n
<\/div>\n

#HTML<\/p>\n

<fieldset>
\n<legend>\uac80\uc0c9<\/legend>
\n<select id=”where” name=”where” title=”\uac80\uc0c9 \ubc94\uc704 \uc120\ud0dd” class=”blind”>
\n<option value=”nexearch” selected=”selected”>\ud1b5\ud569\uac80\uc0c9<\/option>
\n<option value=”post”>\ube14\ub85c\uadf8<\/option>
\n<option value=”cafeblog”>\uce74\ud398<\/option>
\n<option value=”cafe”>- \uce74\ud398\uba85<\/option>
\n<option value=”article”>- \uce74\ud398\uae00<\/option>
\n<option value=”kin”>\uc9c0\uc2ddiN<\/option>
\n<option value=”news”>\ub274\uc2a4<\/option>
\n<option value=”web”>\uc0ac\uc774\ud2b8<\/option>
\n<option value=”category”>- \uce74\ud14c\uace0\ub9ac<\/option>
\n<option value=”site”>- \uc0ac\uc774\ud2b8<\/option>
\n<option value=”movie”>\uc601\ud654<\/option>
\n<option value=”webkr”>\uc6f9\ubb38\uc11c<\/option>
\n<option value=”dic”>\uc0ac\uc804<\/option>
\n<option value=”100″>- \ubc31\uacfc\uc0ac\uc804<\/option>
\n<option value=”endic”>- \uc601\uc5b4\uc0ac\uc804<\/option>
\n<option value=”eedic”>- \uc601\uc601\uc0ac\uc804<\/option>
\n<option value=”krdic”>- \uad6d\uc5b4\uc0ac\uc804<\/option>
\n<option value=”jpdic”>- \uc77c\ubcf8\uc5b4\uc0ac\uc804<\/option>
\n<option value=”hanja”>- \ud55c\uc790\uc0ac\uc804<\/option>
\n<option value=”terms”>- \uc6a9\uc5b4\uc0ac\uc804<\/option>
\n<option value=”book”>\ucc45<\/option>
\n<option value=”music”>\uc74c\uc545<\/option>
\n<option value=”doc”>\uc804\ubb38\uc790\ub8cc<\/option>
\n<option value=”shop”>\uc1fc\ud551<\/option>
\n<option value=”local”>\uc9c0\uc5ed<\/option>
\n<option value=”video”>\ub3d9\uc601\uc0c1<\/option>
\n<option value=”image”>\uc774\ubbf8\uc9c0<\/option>
\n<option value=”mypc”>\ub0b4PC<\/option>
\n<optgroup label=”\uc2a4\ub9c8\ud2b8 \ud30c\uc778\ub354”>
\n<option value=”movie”>\uc601\ud654<\/option>
\n<option value=”auto”>\uc790\ub3d9\ucc28<\/option>
\n<option value=”game”>\uac8c\uc784<\/option>
\n<option value=”health”>\uac74\uac15<\/option>
\n<option value=”people”>\uc778\ubb3c<\/option>
\n<\/optgroup>
\n<optgroup label=”\ub124\uc774\ubc84 \ub7a9”>
\n<option>\uae0d\uc815\ubd80\uc815\uac80\uc0c9<\/option>
\n<\/optgroup>
\n<\/select>
\n<span class=”green_window”><input id=”query” name=”query” type=”text” title=”\uac80\uc0c9\uc5b4 \uc785\ub825” class=”input_text” tabindex=”1″ accesskey=”s” style=”ime-mode:active;” autocomplete=”off” onclick=”document.getElementById(‘fbm’).value=1;”><\/span><button id=”search_btn” type=”submit” title=”\uac80\uc0c9” tabindex=”3″ class=”sch_smit” onmouseover=”this.className=’sch_smit over'” onmousedown=”this.className=’sch_smit down'” onmouseout=”this.className=’sch_smit'” onclick=”clickcr(this,’sch.action’,”,”,event);”><span class=”ir”>\uac80\uc0c9<\/span><\/button>
\n<input type=”hidden” id=”sm” name=”sm” value=”top_hty”>
\n<input type=”hidden” id=”fbm” name=”fbm” value=”1″>
\n<input type=”hidden” id=”acr” name=”acr” value=”” disabled=””>
\n<input type=”hidden” id=”acq” name=”acq” value=”” disabled=””>
\n<input type=”hidden” id=”qdt” name=”qdt” value=”” disabled=””>
\n<input type=”hidden” id=”ie” name=”ie” value=”utf8″>
\n<\/fieldset><\/p>\n

<\/p>\n

FIELDSET<\/strong>\uacfc\u00a0LEGEND<\/strong>\ub294 \uc6b0\ub9ac\ub098\ub77c\uc758 \uc0ac\uc774\ud2b8\uc5d0\uc11c\ub294 \ud754\ud788 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 \ud0dc\uadf8\uc774\ub2e4.
\n\ud558\uc9c0\ub9cc \uc774 \ud3ec\uc2a4\ud2b8\ub97c \uc77d\uace0 \ub098\uba74 \uc544\ub9c8\ub3c4 \ub2f9\uc2e0\uc740 \uc774 \ub450 \ud0dc\uadf8\ub97c \uc0ac\ub791\ud558\uc9c0 \uc54a\uc744 \uc218 \uc5c6\uc744 \uac83\uc774\ub77c \uc7a5\ub2f4\ud55c\ub2e4.<\/p>\n

\ub2e4\uc74c \ucea1\uccd0\uc774\ubbf8\uc9c0\ub97c \ubcf4\uc790.<\/p>\n

\"\"Firefox\/2.0.0.1 \uc758 \ud654\uba74<\/div>\n

\uc5b8\ub73b \ubcf4\uba74 \ub808\uc774\uc5b4\ub97c \uc0ac\uc6a9\ud55c \ub808\uc774\uc544\uc6c3 \uac19\ub2e4.
\n\ud558\uc9c0\ub9cc \uc774\uc5b4\uc9c0\ub294 \ucf54\ub4dc\ub97c \ubcf4\uba74 \ub3d9\uacf5\uc774 \ub180\ub784\uac83\uc774\ub2e4.<\/p>\n

\n

<FORM action=”…” method=”post”>
\n<P>
\n<FIELDSET>
\n<LEGEND>Personal Information<\/LEGEND>
\nLast Name: <INPUT name=”personal_lastname” type=”text” tabindex=”1″>
\nFirst Name: <INPUT name=”personal_firstname” type=”text” tabindex=”2″>
\nAddress: <INPUT name=”personal_address” type=”text” tabindex=”3″>
\n…more personal information…
\n<\/FIELDSET>
\n<FIELDSET>
\n<LEGEND>Medical History<\/LEGEND>
\n<INPUT name=”history_illness”
\ntype=”checkbox”
\nvalue=”Smallpox” tabindex=”20″> Smallpox
\n<INPUT name=”history_illness”
\ntype=”checkbox”
\nvalue=”Mumps” tabindex=”21″> Mumps
\n<INPUT name=”history_illness”
\ntype=”checkbox”
\nvalue=”Dizziness” tabindex=”22″> Dizziness
\n<INPUT name=”history_illness”
\ntype=”checkbox”
\nvalue=”Sneezing” tabindex=”23″> Sneezing
\n…more medical history…
\n<\/FIELDSET>
\n<FIELDSET>
\n<LEGEND>Current Medication<\/LEGEND>
\nAre you currently taking any medication?
\n<INPUT name=”medication_now”
\ntype=”radio”
\nvalue=”Yes” tabindex=”35″>Yes
\n<INPUT name=”medication_now”
\ntype=”radio”
\nvalue=”No” tabindex=”35″>No<\/p>\n

If you are currently taking medication, please indicate
\nit in the space below:
\n<TEXTAREA name=”current_medication”
\nrows=”20″ cols=”50″
\ntabindex=”40″>
\n<\/TEXTAREA>
\n<\/FIELDSET>
\n<\/FORM>
\n– \uc774 \ucf54\ub4dc\ub294 w3c.org\uc5d0\uc11c \ubc1c\ucdcc\ud55c \uac83\uc784
\n– \uc6d0\ubb38 URL :\u00a0http:\/\/www.w3.org\/TR\/html4\/interact\/forms.html#idx-label-2<\/a><\/p>\n<\/div>\n

\uc608\uc0c1\ud55c\uac83\uacfc\ub294 \uc804\ud600 \ub2e4\ub974\ub2e4.
\n\ub808\uc774\uc5b4\ub3c4 \uc5c6\uace0 \ud14c\uc774\ube14\ub3c4 \uc5c6\ub2e4.<\/p>\n

\uc624\ub85c\uc9c0 \uc21c\uc218\ud55c HTML \ud0dc\uadf8\ub9cc\uc744 \uc368\uc11c \uc800\ub7f0 \ub808\uc774\uc544\uc6c3\uc744 \ub9cc\ub4e4\uc5c8\ub2e4.
\n\uc800 \ud0dc\uadf8\ub4e4\uc740 IE\uc804\uc6a9 \ud0dc\uadf8\ub3c4 \uc544\ub2c8\uba70 w3c\uc5d0 \ub098\uc640\uc788\ub294 \ud45c\uc900 \ud0dc\uadf8\uc774\ub2e4.
\n\uc5b4\ub5a4\uac00, \uc544\ub984\ub2f5\uc9c0 \uc544\ub2c8\ud55c\uac00???<\/p>\n

\ucd9c\ucc98 :\u00a0http:\/\/asrada2001.tistory.com\/124<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\ub124\uc774\ubc84 \uac80\uc0c9\ud3fc\uc5d0 \ubcf4\uba74 FIELDSET\uacfc\u00a0LEGEND \ud0dc\uadf8\ub97c \uc880 \uc758\ubbf8 \uc788\uac8c \uc4f8\ub824\uace0\ud55c\uac70\uac19\ub2e4. \u00a0select \uad6c\ubb38\uc5d0 blind\ucc98\ub9ac\ub41c\uac78\ub85c \ubcf4\uc544 \uc2dc\uac01\uc7a5\uc560\uc778\uc6a9 ,\ubc31\uadf8\ub77c\uc6b4\ub4dc\uc6a9 \ucc98\ub9ac\ud560\uac83\uc73c\ub85c \ubcf4\uc784… \uc544\uc8fc \uc800\uc138\uc0c1\uc73c\ub85c \ubcf4\ub0b4\ubc84\ub9ac\uc168\ub2e4.(\u00a0position: absolute; top: -1000em; left: 0;) #CSS img,\u00a0fieldset,\u00a0iframe { border: 0… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/1265"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1265"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/1265\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}