Notice
Recent Posts
Recent Comments
Link
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

WON.dev

chapter33 : form 본문

WEB.CSS

chapter33 : form

GAWON 2023. 5. 19. 09:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
td {
padding: 0 30px 0 0;
}

.td1 {
vertical-align : top;
}
</style>
</head>
<body>
<form action="#">
<h1>상품 주문서</h1>
<fieldset>
<legend>주문자 정보</legend>
<table>
<tr>
<td>이름</td>
<td><input type="text" placeholder="여백없이입력(필수)"></td>
</tr>
<tr>
<td>전화번호</td>
<td>
<select>
<option>지역번호</option>
<option>02</option>
<option>032</option>
<option>051</option>
</select>
<input type="text" placeholder="연락가능한번호">
</td>
</tr>
</table>
</fieldset>

```
  <fieldset>
     <legend>배송지 정보</legend>
     <table>
        <tr>
           <td>주소</td>
           <td><input type="text" placeholder="배송받을주소(필수)"></td>
        </tr>
        <tr>
           <td class="td1">배송메모</td>
           <td>
              <textarea rows="5" cols="60" style="resize: none;"></textarea>
           </td>
        </tr>
     </table>
  </fieldset>
  <input type="submit" value="주문하기">
  <input type="reset" value="다시작성">

```

</form>
</body>
</html>

'WEB.CSS' 카테고리의 다른 글

chapter35 : form_test1  (0) 2023.05.19
chapter34_form  (0) 2023.05.19
chapter32 : form  (0) 2023.05.19
chapter31 : form  (0) 2023.05.19
chapter30 : table  (0) 2023.05.18