前言
最近工作中遇到一个需求，需要在正则匹配页面中，所有可能存在的 form 表单的元素，可能有 input，action,select,textarea等等所有可能的元素，本文给出一个代码示例。感兴趣的朋友们可以参考学习。
实例代码如下
假设页面 1.html 的网页源代码是：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>一个含有 form 表单的登录注册页面</title>
<style type="text/css">
*{padding:0;margin:0;font-size:12px;}
.tbl{margin:20px auto;border:1px solid #AACCEE;padding:30px 30px;border-radius:4px;}
.tbl td{line-height:30px;vertical-align:top;}
textarea{resize:none;height:60px;}
</style>
</head>
<body>
<form action="register.php" method="post">
<input type="hidden" name="cookie" value="SJKjki80KJ8jkl2" />
<table cellpadding="0" cellspacing="0" class="tbl">
<tr>
<th colspan="2">注册</th>
</tr>
<tr>
<td>昵称：</td>
<td><input type="text" name = 'name' required="" /></td>
</tr>
<tr>
<td>密码：</td>
<td><input name="password" type="password" required="required" /></td>
</tr>
<tr>
<td>年龄：</td>
<td><input name="age" value="22" required="required" ></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" value="1" /> 男
<input type="radio" name="sex" value="0" /> 女
</td>
</tr>
<tr>
<td>地区：</td>
<td>
<select name="area">
<option value="jiangsu">江苏</option>
<option value="shandong">山东</option>
<option value="fujian">福建</option>
<option value="beijing">北京</option>
</select>
</td>
</tr>
<tr>
<td>城市：</td>
<td>
<select name="city">
<option value="qingdao">青岛</option>
<option value="longyan">龙岩</option>
<option value="beijing">北京</option>
<option value="wuxi">无锡</option>
</select>
</td>
</tr>
<tr>
<td>兴趣：</td>
<td>
<input type="checkbox" name="xingqu[]" value="1" > 篮球
<input type="checkbox" name="xingqu[]" value="2"> 足球
<input type="checkbox" name="xingqu[]" value="3" > 跳高
</td>
</tr>
<tr>
<td>照片：</td>
<td><input type="file" name="photo" /></td>
</tr>
<tr>
<td>简介：</td>
<td><textarea name="summary" required="">这里填入个人简介</textarea></td>
</tr>
<tr>
<td>备注：</td>
<td><textarea name="remark" required="">1</textarea ></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="register" value="注册"></td>
</tr>
</table>
</form>
<form action="login.php" method="post">
<table cellpadding="0" cellspacing="0" class="tbl">
<tr>
<th colspan="2">登录</th>
</tr>
<tr>
<td>昵称：</td>
<td><input type="text" name = 'name' required="required" /></td>
</tr>
<tr>
<td>密码：</td>
<td><input name="password" type="password" required="required" /></td>
</tr>
<tr>
<td>备注：</td>
<td><textarea name="remark" required="">2</textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="register" value="登录"></td>
</tr>
</table>
</form>
</body>
</html>
