- html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>格式优雅title>
- head>
- <body>
- <form action="#" method="GET">
- <table align="center" width="100px" heigth="100px">
- <tr>
- <td>用户名:td>
- <td>
- <input type="text" name="username" placeholder="请输入用户名"/>
- td>
- tr><br />
-
- <tr>
- <td>密码:td>
- <td>
- <input type="password" name="password" placeholder="请输入密码"/>
- td>
- tr><br />
-
- <tr>
- <td>出生日期:td>
- <td>
- <input type="date" name="date"/>
- td>
- tr><br />
-
- <tr>
- <td>性别:td>
- <td>
- <input type="radio" name="gender"/>男
- <input type="radio" name="gender"/>女
- td>
- tr><br />
-
- <tr>
- <td>兴趣爱好:td>
- <td>
- <input type="checkbox" name="hobit" value="篮球"/>篮球
- <input type="checkbox" name="hobit" value="足球"/>足球
- <input type="checkbox" name="hobit" value="联盟"/>联盟
- td>
- tr>
-
- <tr>
- <td>邮箱:td>
- <td>
- <input type="email" name="email" placeholder="请输入"/>
- td>
- tr>
-
- <tr>
- <td>电话:td>
- <td>
- <input type="tel" name="telephone" placeholder="请输入"/>
- td>
- tr>
-
- <tr>
- <td>大学:td>
- <td>
- <select name="university">
- <option value="请选择">请选择option>
- <option value="哈工大">哈工大option>
- <option value="上交大">上交大option>
- <option value="浙大">浙大option>
- select>
- td>
- tr><br />
-
- <tr>
- <td>上传图片:td>
- <td>
- <input type="file" name="pricture"/>
- td>
- tr><br />
-
- <tr>
- <td>
- 自我介绍:
- td>
- <td>
- <textarea rows="1" cols="8">hello!textarea>
- td>
- tr>
-
- table>
- <input type="submit" value="提交"/>
- <input type="reset" value="重置"/>
- form>
- body>
- html>