1. 程式人生 > >html使用者登記表單

html使用者登記表單

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用者登記表單</title>
</head>
	<
style
>
tr {border:1px solid #FFF; } </style> <body> <form method="post"> <table align="center" border="3" width="900px" height="600px" bordercolor="#336699" cellspacing="0"> <tr> <td colspan="4" align="center"> <
font
size="6" color="green" font-family="幼圓" >
使用者登記</font> </td> </tr> <tr> <td colspan="4" align="center" > 親愛的使用者,歡迎您訪問我們的網站,請填寫您的個人資訊,便於我們及時與您聯絡 </td> </tr> <
tr
>
<td style="padding-left:50px">姓名:<input type="text" size="12"/> <td>年齡:<input type="text" size="3"/></td> <td>性別: <input type="radio" name="gender" value="" checked/><input type="radio" name="gender" value=""/></td> <td></td> s </tr> <tr> <td style="padding-left:50px">文化程度: <select> <option></option> <option>小學</option> <option>初中</option> <option>高中</option> <option>大學</option> <option>研究生</option> </select> </td> <td>職業: <select> <option></option> <option>教育業</option> <option>商業</option> <option>公務員</option> <option>醫療</option> <option>法律</option> <option>軍人</option> <option>在讀學生</option> </select> </td> <td> Email:<input type="text" /> </td> <td></td> </tr> <tr> <td style="padding-left:50px">您的愛好:</td> <tr align="center"> <td><input type="checkbox" value="文學"/>文學</td> <td><input type="checkbox" value="影視"/>影視</td> <td><input type="checkbox" value="音樂"/>音樂</td> <td><input type="checkbox" value="體育"/>體育</td> </tr> <tr align="center"> <td ><input type="checkbox" value="文學"/>文學</td> <td ><input type="checkbox" value="影視"/>影視</td> <td ><input type="checkbox" value="音樂"/>音樂</td> <td ><input type="checkbox" value="體育"/>體育</td> </tr> </tr> <tr > <td align="right" colspan="2" > <input type="submit" /> </td> <td align="left" colspan="2" > <input type="reset" /> </td> </tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> </form> </body> </html> .

在這裡插入圖片描述

●新手第一篇 看看就行