기초적인 html form태그 회원가입폼 table에 넣어서

<html>
<head>
  <title>form태그 input태그</title>
  
</head>
<style>
 table{
   text-align: center;
 }
 td{
   width: 300px;
   height: 100px;
   border: 5px solid;
 }
</style>

<body>
  <center>
<h1>
회원가입</h1>
<form>
    <table>
<tr>
    <td>First Name:</td>
    <td><input name="firstname" type="text" value="first name" /><br /></td>
  </tr>
<tr>
    <td>Last Nane:</td>
    <td><input name="lastname" type="text" /> </td>
  </tr>
<tr> <td> id :</td>
    <td><input maxlength="10" name="id" type="text" /><br /></td>
  </tr>
<tr>
    <td>password :</td>
    <td><input maxlength="12" name="pwd" type="password" /> </td>
  </tr>
<tr> <td> 취미 :</td>
    <td><input name="hobby" type="checkbox" value="travel" />여행
    <input name="hobby" type="checkbox" value="cook" /> 요리
    <input name="hobby" type="checkbox" value="workout" />운동
    <input name="hobby" type="checkbox" value="game" />게임 </td>
  </tr>
<tr> <td> 결혼유무 :</td>
    <td><input name="marry" type="radio" value="yes" />기혼
    <input name="marry" type="radio" value="no" />미혼 </td>
  </tr>
<tr> <td> 성별 :</td>
    <td><input name="sex" type="radio" value="male" />남자
    <input name="sex" type="radio" value="female" />여자 <br /> </td>
  </tr>
<tr> <td> 이메일 :</td>
    <td><input name="email" type="text" value="" />@
    <select name="email">
      <option value="google.com">google.com</option>
      <option value="naver.com">naver.com</option>
      <option value="daum.net">daum.net</option>
      <option value="yahoo.com">yahoo.com</option>
    </select></td>
  </tr>
<tr><td>좋아하는 색상 :</td>
          <td>  <input name="col" type="color" /> </td>
  </tr>
<tr> <td> 생일 :</td>
    <td><input name="birth" type="date" /></td>
  </tr>
<tr><td colspan="2"><textarea cols="80" name="document" rows="8">
      자기소개를 해보아요~
    </textarea></td></tr>
<tr><td colspan="2"><input type="submit" value="제출" /></td></tr>
</table>
</form>
</center>
</body>
</html>

댓글

  1. 회원가입폼을 왜 테이블로 작성하십니까 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

    답글삭제
    답글
    1. ㅋㅋㅋㅋㅋ 2017년이면 4년전이군요 제가 개발에 입문한 지 얼마 되지 않았을 때라서 아무것도 모를 때 작성한 역사입니다 ㅋㅋ 재미로 봐주시는게 좋습니다

      삭제

댓글 쓰기

이 블로그의 인기 게시물

About JVM Warm up

About idempotent

About Kafka Basic

About ZGC

sneak peek jitpack

Spring Boot Actuator readiness, liveness probes on k8s

About Websocket minimize data size and data transfer cost on cloud

About G1 GC

대학생 코딩 과제 대행 java, python, oracle 네 번째