JavaScript表格、表单
HTML表格标签有三个:
1、<table>标签:用于标识一个表格对象开始
2、<tr>标签:用于标识一行开始
3、<td>标签:用于标识某行一个单元格的开始
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格基本结构</title> </head> <body> <table BORDER="1"> <tr> <td>A1</td> <td>A2</td> <td>A3</td> </tr> <tr> <td>A2</td> <td>B2</td> <td>C2</td> </tr> </table> </body> </html>
表单:表单的基本语法格式如下:
<form action='url' method='get|post' enctype='mime'></form>
其中,action用于指定处理提交表单格式,它可以是一个URL地址或电子邮件地址,method用于指明提交表单的HTTP方法。enctype用于指明把表单提交给服务器时的互联网媒体形式。表单是一个能够包含表单元素的区域。通过添加不同的表单元素,将显示不同的效果。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户意见页面</title> </head> <body> <h1 align="center">用户意见反馈表</h1> <form method="post"> <p>姓 名: <input type="text" class="txt" size="12" maxlength="20" name="username" /> </p> <p>性 别: <input type="radio" value="male" />男 <input type="radio" value="female" />女 </p> <p>年 龄: <input type='text' class="txt" name="age"/> </p> <p>联系电话: <input type='text' class="txt" name="tel"/> </p> <p>电子邮件: <input type='text' class="txt" name="mail"/> </p> <p>联系地址: <input type='text' class="txt" name="add"/> </p> <p>请输入您对网站的建议<br> <textarea name="yourworks" cols="50" rows="5"></textarea> <br> <input type="submit" name="submit" value="提交"/> <input type="reset" name="reset" value="清除"/> </p> </form> </body> </html>