最近工作中遇到一個需求，需要在正則匹配頁面中，所有可能存在的 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>
我們需要擷取到這個頁面所有 form 表單，及每個 form 表單所包含的各類表單元素，例如：input，select，textarea等等。
匹配的原始碼是：
$content = file_get_contents('1.html');$arr_form = get_page_form_data($content);if(empty($arr_form)){ echo '抱歉！未匹配到 form 表單元素';}else{ foreach($arr_form as $k => $v) { echo 'form'.($k+1).':<br />'; if(!empty($v['action'])) { echo '----action：<br />'; echo '--------'.$v['action'].'<br />'; } if(!empty($v['method'])) { echo '----method：<br />'; echo '--------'.$v['method'].'<br />'; } if(!empty($v['inputs'])) { echo '----inputs：<br />'; foreach($v['inputs'] as $key => $value) { echo '--------name：'.$value['name'].' type：'.$value['type'].' value：'.$value['value'].'<br />'; } } if(!empty($v['textarea'])) { echo '----textarea：<br />'; foreach($v['textarea'] as $key => $value) { echo '--------name：'.$value['name'].' value：'.$value['value'].'<br />'; } } if(!empty($v['select'])) { echo '----select：<br />'; for($m = 0;$m < count($v['select']);$m ++) { echo '--------name：'.$v['select'][$m]['name'].'<br />'; if(!empty($v['select'][$m]['option'])) { foreach ($v['select'][$m]['option'] as $key => $value) { echo '------------value：'.$value.'<br />'; } } } } }}// 擷取頁面中的 form 表單中的所有 input、textarea 元素中 name、value、type 等屬性值function get_page_form_data($content){ $arr_form = array(); $form = regular_form_tags($content); for($i = 0;$i < count($form[0]);$i ++) { $arr_form[$i]['action'] = regular_form_action($form[1][$i]); $arr_form[$i]['method'] = regular_form_method($form[1][$i]); $input = regular_input_tags($form[2][$i]); for($j = 0;$j < count($input[0]);$j ++) { $arr_form[$i]['inputs'][$j]['name'] = regular_input_name($input[0][$j]); $arr_form[$i]['inputs'][$j]['type'] = regular_input_type($input[0][$j]); $arr_form[$i]['inputs'][$j]['value'] = regular_input_value($input[0][$j]); } $textarea = regular_textarea_tags($form[2][$i]); for($k = 0;$k < count($textarea);$k ++) { $arr_form[$i]['textarea'][$k]['name'] = regular_textarea_name($textarea[$k]); $arr_form[$i]['textarea'][$k]['value'] = regular_textarea_value($textarea[$k]); } $select = regular_select_tags($form[2][$i]); for($l = 0;$l < count($select[0]);$l ++) { $arr_form[$i]['select'][$l]['name'] = regular_select_name($select[1][$l]); $option = regular_option_tags($select[2][$l]); for($n = 0;$n < count($option[$l]);$n ++) { $arr_form[$i]['select'][$l]['option'][$n] = regular_option_value($option[$l][$n]); } } } return $arr_form;}// 正則匹配 form 標籤function regular_form_tags($string){ $pattern = '/<form(.*?)>(.*?)<\/form>/si'; preg_match_all($pattern,$string,$result); return $result;}// 正則匹配 form 標籤的 action 屬性值function regular_form_action($string){ $pattern = '/action[\s]*?=[\s]*?([\'\"])(.*?)\1/'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}// 正則匹配 form 標籤的 method 屬性值function regular_form_method($string){ $pattern = '/method[\s]*?=[\s]*?([\'\"])(.*?)\1/'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}// 正則匹配 input 標籤function regular_input_tags($string){ $pattern = '/<input.*?\/?>/si'; if(preg_match_all($pattern,$string,$result)) { return $result; } return null;}// 正則匹配 input 標籤的 name 屬性值function regular_input_name($string){ $pattern = '/name[\s]*?=[\s]*?([\'\"])(.*?)\1/'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null; }// 正則匹配 input 標籤的 type 屬性值function regular_input_type($string){ $pattern = '/type[\s]*?=[\s]*?([\'\"])(.*?)\1/'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}// 正則匹配 input 標籤的 value 屬性值function regular_input_value($string){ $pattern = '/value[\s]*?=[\s]*?([\'\"])(.*?)\1/'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null; }// 正則匹配 textarea 標籤function regular_textarea_tags($string){ $pattern = '/(<textarea.*?>.*?<\/textarea[\s]*?>)/si'; if(preg_match_all($pattern,$string,$result)) { return $result[1]; } return null;}// 正則匹配 textarea 標籤的 name 屬性值function regular_textarea_name($string){ $pattern = '/name[\s]*?=[\s]*?([\'\"])(.*?)\1/si'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}// 正則匹配 textarea 標籤的 name 屬性值function regular_textarea_value($string){ $pattern = '/<textarea.*?>(.*?)<\/textarea>/si'; if(preg_match($pattern,$string,$result)) { return $result[1]; } return null;}// 正則匹配 select 標籤function regular_select_tags($string){ $pattern = '/<select(.*?)>(.*?)<\/select[\s]*?>/si'; preg_match_all($pattern,$string,$result); return $result;}// 正則匹配 select 標籤的 option 子標籤function regular_option_tags($string){ $pattern = '/<option(.*?)>.*?<\/option[\s]*?>/si'; preg_match_all($pattern,$string,$result); return $result; }// 正則匹配 select 標籤的 name 屬性值function regular_select_name($string){ $pattern = '/name[\s]*?=[\s]*?([\'\"])(.*?)\1/si'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}// 正則匹配 select 的子標籤 option 的 value 屬性值function regular_option_value($string){ $pattern = '/value[\s]*?=[\s]*?([\'\"])(.*?)\1/si'; if(preg_match($pattern,$string,$result)) { return $result[2]; } return null;}
運行效果如所示：
這樣我們就可以實現擷取任意一個頁面中的 form 表單所有存在的元素啦！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
