html表单表格基本用法,直接贴代码。
[html] view plaincopy
- <html>
- <head>
- <title>html基础</title>
- </head>
- </body>
- <center><h2><font color="CYAN">html基础</font></h2></center>
- <br><center><h1><font color="BLUE">BCCT加油</font></h1></center>
- <br>
- <center><h2><a href="http://blog.csdn.net/baolibin528">我的CSDN博客地址</a></h2></center>
- <br><hr><br><br><br>
- <center>
- <table border="1" width="80%">
- <tr>
- <td colspan="6">
- <font size="15">字体显示</font>
- </td>
- <td rowspan="2>
- <font size="15">竖着显示</font>
- </td>
- </tr>
- <tr>
- <td><b>粗体</b></td>
- <td><i>斜体</i></td>
- <td><u>下划线</u></td>
- <td><s>中划线</s></td>
- <td>90<sup>o</sup></td>
- <td>H<sub>2</sub></td>
- </tr>
- </table>
- </center>
- <br><br><br>
- <hr>
- <form action="" method="post">
- 编 号: <input type="text" name="userid" value="NO." size="8" maxlength="8"> <br><br>
- 用户名: <input type="text" name="username" value="请输入用户名"> <br><br>
- 密 码: <input type="password" name="userpass" value="请输入密码"> <br><br>
- 性 别: <input type="radio" name="sex" checked>男
- <input type="radio" name="sex">女 <br><br>
- 部 门: <select name="debt">
- <option value="技术部">技术部</option><br>
- <option value="销售部" selected>销售部</option><br>
- <option value="财务部">财务部</option><br>
- </select><br><br>
- 兴 趣: <input type="checkbox" name="inst" value="穿越火线">穿越火线
- <input type="checkbox" name="inst" value="编程">编程
- <input type="checkbox" name="inst" value="滑板" checked>滑板
- <input type="checkbox" name="inst" value="NBA">NBA
- <input type="checkbox" name="inst" value="看书">看书<br><br>
- 说 明: <textarea name="note" cols="50" rows="5">这家伙很懒,没有留下签名、、
- </textarea><br><br>
- <input type="submit" value="注册"> <input type="reset" value="重置">
- <br><br>
- </form>
- <br><br><hr>
- </body>
- </html>
运行结果:
好久之前做的小练习,有些时候长时间不用就会有些生疏,特贴上,做后备之用。。
再加一个表格小代码吧,现写的:
[html] view plaincopy
- <html>
- <head><title>表格小练习</title></head>
- <body>
- <center>
- <table border="1" width="80%">
- <tr>
- <td>姓名:</td>
- <td>性别:</td>
- <td>年龄:</td>
- </tr>
- <tr>
- <td>鲍礼彬</td>
- <td>男</td>
- <td>23</td>
- </tr>
- <tr>
- <td>Lucky</td>
- <td>女</td>
- <td>22</td>
- </tr>
- </table>
- </center>
- </body>
- </html>
运行效果:
时间: 2024-12-18 06:48:13