특별한딸기이야기

과제 참고 소스 본문

딸기 공부방/웹프로그래밍

과제 참고 소스

특별한녀석 2008. 3. 18. 14:50
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Untitled Document</title>
  <style type = "text/css">
   .join_name {
    border:solid lpx #ff000;
   }
  </style>
 </head>
 <body>
  <form>
   <textarea style = "width : 300px" name = "contract" id = "contract" class = "join_contract">
My name is Tyto.
My Nicname is Special Strawberry.
I like my names.
야옹</textarea>
   <br />
   <label>
    <input type = "checkbox"> 위 약관에 동의하십니까?
   </label>
   <table>
    <tr>
     <th>
      이름
     </th>
     <td>
      <input type="text" name="name" id="name" class="join_name">
     </td>
    </tr>
    <tr>
     <td>
      아이디
     </td>
     <td>
      <input type = "text" name ="user_id" id="user_id" class = "join_user_id">
      <input type = "button" name = "user_id_check" id = "user_id_check" value = "아이디체크"
      onclick="javascript:alert('hello world')">
     </td>    
    </tr>
    <tr>
     <th>
      패스워드
     </th>
     <td>
      <input type = "password">
     </td>
    </tr>
    <tr>
     <th>
      성
     </th>
     <td>
      <label>
      남 <input type = "radio" id = "sex1" name = "sex" value = "남">
      </label>
      <label>
      여 <input type = "radio" id = "sex2" name = "sex" value = "여">
      </label>
     </td>
    </tr>
    <tr>
     <th>
      직업
     </th>
     <td>
      <select name = "job" id = "job">
       <option value = "" selected = "selected">
        ----------
       </option>
       <option value = "학부생">
        학부생
       </option>
       <option value = "학생">
        학생
       </option>
      </select>
     </td>
    </tr>
    <tr>
     <td>
      취미
     </td>
     <td>
      <label>
       동영상
      <input type ="checkbox" name = "hobby" value = "hobby">
      </label>
      <label>
       동상
      <input type ="checkbox" name = "hobby" value = "teach">
      </label>
     </td>
    </tr>
   </table>
  </form>
 </body>
</html>