Skills/HTML5

220831 input_tag1.html

개발자 윤구나 2022. 9. 5. 16:01 
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>input_tag</title>
  </head>
  <body>
    I D : <input type="text" size="16" maxlength="14" autofocus><br />
    P W : <input type="password" size="16" maxlength="14"><br />
    <br />
    <textarea rows="2" cols="88"></textarea><br />
    <br />
    <form name="frm">
        사용자ID : <input type="text" name="id" size="20" maxlength="10"><br />
        비밀번호 : <input type="password" name="password" size="20" maxlength="16"><br /><br />

        제 목 : <input type="text" size="50" name="title"><br />
        소제목: <input type="text" size="30" name="sutTitle" disabled><br />
        <textarea name="content" cols="80" rows="10"></textarea>
    </form>

    성별 : <input type="radio" name="gender" checked>남
          <input type="radio" name="gender">여<br />

    취미 :<br />
    <input type="checkbox" checked>음악감상<br />
    <input type="checkbox">독서<br />
    <input type="checkbox">등산<br />

    <select>
      <option>-- 도시 --</option>
      <option>서울시</option>
      <option selected>부산시</option>
      <option>대구시</option>
    </select>

    <select size="3" multiple>
      <option>서울시</option>
      <option selected>부산시</option>
      <option>대구시</option>
    </select>
    <br />
    <br />

    <input type="button" value="입력">
    <input type="submit" value="확인">
    <input type="reset" value="취소">
    <button type="button">입력</button>
    <button type="submit">확인</button>
    <button type="reset">취소</button><br />

    <input type="date">

    <fieldset>
      <legend>필수입력</legend>
      아이디 : <input type="text" required><br />
      패스워드 : <input type="password"><br />
      이메일 : <input type="email" placeholder="123@naver.com">
    </fieldset>

    <input type="number" min="0" max="10" step="2">
    <input type="range" min="2" max="10">
    <input type="color">
  </body>
</html>