📄 15-3.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Form Plugin 重置和清除</title>
<style type="text/css">
<!--
form{
margin:0px; padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
input, select{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
table{
border:1px solid #00328f;
border-collapse:collapse;
background-color:#d4e3ff;
}
table td{
border:1px solid #00328f;
padding:4px 6px 4px 6px;
}
input[type=text], input[type=password], input[type=button], textarea, select{
border:1px solid #00328f;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript" src="jquery.form.js"></script>
<script language="javascript">
$(function(){
$("input[type=button]:eq(0)").click(function(){
$("#myForm").clearForm();
});
$("input[type=button]:eq(1)").click(function(){
$("#myForm").resetForm();
});
});
</script>
</head>
<body>
<form id="myForm" name="myForm">
<table cellspacing="0" id="formTable">
<input type="hidden" name="Hidden" value="secret">
<tr><td>用户</td><td><input name="Name" type="text" value="输入用户名"></td></tr>
<tr><td>密码</td><td><input name="Password" type="password"></td></tr>
<tr><td>性别</td>
<td><label><input type="radio" name="Radio" value="male" checked="checked">男</label>
<label><input type="radio" name="Radio" value="female">女</label></td>
</tr>
<tr><td>多选</td><td>
<select name="Multiple" multiple="multiple">
<option>One</option>
<option selected="selected">Two</option>
<option>Three</option>
</select>
</td></tr>
<tr><td>单选</td><td>
<select name="Single">
<option>One</option>
<option>Two</option>
<option selected="selected">Three</option>
</select>
</td></tr>
<tr><td>爱好</td>
<td><label><input type="checkbox" name="Check" value="roaming">逛街</label>
<label><input type="checkbox" name="Check" value="balls">打球</label>
<label><input type="checkbox" name="Check" value="TV" checked="checked">看电视</label></td></tr>
<tr><td>收入</td>
<td><label><input type="checkbox" name="Check2" value="below5k">5000以下(不含)</label>
<label><input type="checkbox" name="Check2" value="above5k" checked="checked">大于5000</label></td>
</tr>
<tr><td>留言</td><td><textarea name="Text" rows="2" cols="20"></textarea></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="Clear" value="Clear">
<input type="button" name="Reset" value="Reset">
</td></tr>
</table>
</form>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -