input - sohot423/project_study GitHub Wiki

input ์†์„ฑ type = ์ข…๋ฅ˜

  • text = ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅ๋ฐ›์„๋•Œ
  • password = ๋น„๋ฐ€๋ฒˆํ˜ธ ํ˜•์‹์œผ๋กœ ํ…์ŠคํŠธ๊ฐ€ ๋น„๊ณต๊ฐœ radio = ๋‹จ์ผ์„ ํƒ๋ฒ„ํŠผ
  • checkbox = ๋‹ค์ค‘์„ ํƒ๋ฒ„ํŠผ
  • button = ๋ฒ”์šฉ๋ฒ„ํŠผ
  • submit = ์ „์†ก
  • reset = ํผ์˜ ๋‚ด์šฉ ์‚ญ์ œ, ์ดˆ๊ธฐํ™”
  • file = ํŒŒ์ผ/ ์„ ํƒ ๋ฐ ์—…๋กœ๋“œํ• ๋•Œ ์‚ฌ์šฉ

ํšŒ์›๊ฐ€์ž…๋งŒ๋“ค๊ธฐ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>ํšŒ์›๊ฐ€์ž…</h1>
 <form action="./" method="get">
     <!-- form/ name์€ ์ž๋ฆฌ๋งŒ ๋งŒ๋“ค๊ธฐ : ๊ฐœ๋ฐœ์ž์˜์—ญ  -->
 <fieldset>
   <legend>ํ•„์ˆ˜์ž…๋ ฅ</legend>
        <ul>
          <li>
              <label for="userId">์•„์ด๋””</label>
              <input type="text" id="userId" name="Name" value="์•„์ด๋””" />
              <!-- value ๋Œ€์‹  placeholder์“ฐ๋ฉด ์•„์ด๋””๊ฐ€ ์ž…๋ ฅ์‹œ ์ง€์›Œ์ง-->
          </li>
          <li>
              <label for="userId">๋น„๋ฐ€๋ฒˆํ˜ธ</label>
              <input type="password" id="userId" name="PW"/>
          </li>
          <li>
              <label for="man">์„ฑ๋ณ„</label>
              <input type="radio" name="sex" id="man"/><label for="man">๋‚จ์ž</labal>
              <input type="radio" name="sex" id="Woman"/><label for="woman">์—ฌ์ž</labal>
              <input type="radio" name="sex" id="bisexuality"/><label for="bisexuality">์–‘์„ฑ</labal>
          </li>
          <li>
              <label for="a1">๊ฒฐํ˜ผ์—ฌ๋ถ€</label>
              <input type="checkbox" id="a1"><label for="a1">๋ฏธํ˜ผ</label>
              <input type="checkbox" id="a2"><label for="a2">๊ธฐํ˜ผ</label>
              <input type="checkbox" id="a3"><label for="a3">์•ž์œผ๋กœ์˜ˆ์ •</label>
              <input type="checkbox" id="a4"><label for="a4">๋ชป๊ฐˆ๊ฒƒ๊ฐ™์€ ๊ฐ™์€๋ฐ ๊ฐ€๋ฉด ๋กœ๋˜</label>
              <input type="checkbox" id="a5"><label for="a5">์ค‘ํ˜ผ</label>
          </li>
          <li>
              <labal for="photoupload">์‚ฌ์ง„์—…๋กœ๋“œ</la>
              <input type="file" id="photoupload"/>
          </li>

        </ul>
            <input type="button" value="์ทจ์†Œ">
            <input type="button" value="์ „์†ก">
            <input type="button" value="์ดˆ๊ธฐํ™”">
 </fieldset>

  • fieldset์— legend /legend๋Š” ํ•„์ˆ˜!!
  • ์ •๋ณด๋ฅผ ๋ณด๋‚ด์•ผ๋˜๋Š” ๋ฒ„ํŠผ์€ submit (๋กœ๊ทธ์ธ ๊ฒ€์ƒ‰๋“ฑ) / ๊ทธ๋ƒฅ ์˜†์œผ๋กœ ์ด๋™ button
โš ๏ธ **GitHub.com Fallback** โš ๏ธ