前言
最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 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>
新闻热点
疑难解答