JavaScript表格、表单
HTML表格标签有三个:
1、<table>标签:用于标识一个表格对象开始
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。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用于指明把表单提交给服务器时的互联网媒体形式。表单是一个能够包含表单元素的区域。通过添加不同的表单元素,将显示不同的效果。
<!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>
View Code
更多精彩

