웹프 4장 정리 (4)

ssonjh·2021년 4월 12일
0

웹프로그래밍

목록 보기
11/13

📕 입력 양식

📚 <textarea>

<textarea>_속성

  1. name = " (text) "
  2. cols = " (숫자) "
  3. rows = " (숫자) "
<label for = "memo">남길말씀</label>
<textarea id ="memo" cols="60" rows="15"></textarea> : cols,rows : 글자 수로 지정, 길어지면 스크롤바

📚 <select> <option>

A B C
<body>
  <select>
    <option>A</option> : 한 항목만 선택하기
    <option>B</option>
    <option>C</option>
  </select>
</body>

<select>_속성

  1. multiple = "multiple"
A B C
<body>
  <select multiple = "multiple"> : 여러 항목 선택하기
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>
</body>

📚 <optgroup>

<optgroup>_속성

  1. label = " (text) " a aa aaa b bb bbb
<body>
  <select>
    <optgroup label="A">
      <option>a</option>
      <option>aa</option>
      <option>aaa</option>
    </optgroup>
    <optgroup label="B">
      <option>b</option>
      <option>bb</option>
      <option>bbb</option>
    </optgroup>
  </select>
  </body>

📚 <fieldset> <legend>

입력양식
이름
이메일
<body>
  <form>
    <fieldset>
      <legend>입력양식</legend>	: 연관있는 입력양식 그룹으로 묶기
      <table>
        <tr>
          <td><label for="name">이름</label></td>
          <td><input type="text" id="name"></td>
        </tr>
        <tr>
          <td><label for="mail">이메일</label></td>
          <td><input type="email" id="mail"></td>
        </tr>
      </table>
      <input type="submit" value="쿼리 전송">
    </fieldset>
  </form>
  </body>

0개의 댓글

관련 채용 정보