一、演示效果
二、实现代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>正则表达式测试工具</title>
<style>
#regexp {
width: 650px;
margin: 100px auto;
font-size: 14px;
}
#regexp .title {
color: #777;
font-size: 24px;
text-align: center;
}
#regexp .textbox {
width: 638px;
height: 150px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
resize: none;
}
#regexp .textfield {
width: 215px;
padding: 5px;
border: 1px solid #ccc;
}
#regexp .readonly {