1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Document</title>
    6.     <link rel="stylesheet" type="text/css" href="zzbdsceshi.css">
    7. </head>
    8. <body>
    9.     <div class="every">
    10.         <h1>正则表达式</h1>
    11.         <textarea id="text1" class="text0" placeholder="再次输入待匹配的文本"></textarea>
    12.         <p>
    13.             正则表达式:
    14.             <label>
    15.                 <input type="text" id="text2"  placeholder="输入正则表达式">
    16.             </label>
    17.             <label>
    18.                 <input type="checkbox" name="lv" value="i">忽略大小写
    19.             </label>
    20.             <label>
    21.                 <input type="checkbox" name="lv" value="g">全局匹配
    22.             </label><label>
    23.                 <input type="checkbox" name="lv" value="m">多行匹配
    24.             </label><label>
    25.                 <input type="button" id="macth" value="测试匹配">
    26.             </label>
    27.         </p>
    28.         匹配结果:
    29.         <textarea id="text3" class="text0" disabled="disabled"></textarea>
    30.     </div>
    31. </body>
    32. <script type="text/javascript" src="zzbdsceshi.js"></script>
    33. </html>