标签:js代码 style src value 数学 ready reg 密码 cti
<!DOCTYPE html> <html> <head> <script src="jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#buttonqun #but1").click(function(){ $("font:input").toggle(); }); //查找所有input $("#buttonqun #but2").click(function(){ $(":text").toggle(); }); //查找所有文本框 $("#buttonqun #but3").click(function(){ $(":password").toggle(); }); //查找所有密码框 $("#buttonqun #but4").click(function(){ $(":radio").toggle(); }); //查找所有单选框 $("#buttonqun #but5").click(function(){ $(":checkbox").toggle(); }); //查找所有复选框 $("#buttonqun #but6").click(function(){ $(":submit").toggle(); }); //查找所有提交框 $("#buttonqun #but7").click(function(){ $(":image").toggle(); }); //查找所有图像域 $("#buttonqun #but8").click(function(){ $(":reset").toggle(); }); //查找所有重置按钮 $("#buttonqun #but9").click(function(){ $(":button").toggle(); }); //查找所有按钮 $("#buttonqun #but10").click(function(){ $(":file").toggle(); }); //查找所有文件域 $("#buttonqun #but1").click(function(){ $(":input").toggle(); }); //查找所有文本框 }); </script> </head> <style> </style> <body> <form name="reg" method="post"> <fieldset> <legend>注册表单</legend> 姓名:<input type="text" name="姓名" size="10" maxlength="6"> <br> 密码:<input type="password" name="密码" size="10"maxlength=6> <br> <input type="hidden"name="send" value="123"> 爱好:<input type="checkbox" name="爱好" value="体育">体育 <input type="checkbox" name="爱好" value="数学">数学 <br> 性别:<input type="radio" name="性别" value="男">男 <input type="radio" name="性别" value="女">女 <br> 地址:<select name="地址"> <optgroup label="什么"> <option label="什么">什么 <option label="什么">什么 <option label="什么">什么 </optgroup> <optgroup label="那个"> <option label="那个">那个 <option label="那个">那个 <option label="那个">那个 </optgroup> </select> <br> 请留下您的意见或建议: <br> <textarea cols="40" rows="8" name="content"> 建议或意见 </textarea> <br /> <input type="submit" value="提交"> <input type="reset" value="重置"> <br /> <button type="reset"> <img src="jq笔记/jq与js代码差别.jpg"> </button> <input type="image" src="jq笔记/jq中的核心方法.jpg"> <br /> <input type="file"> </fieldset> </form> <div id="buttonqun"> <input id="but1" type="button" value="input"> <input id="but2" type="button" value="文本"> <input id="but3" type="button" value="密码"> <input id="but4" type="button" value="单选"> <input id="but5" type="button" value="复选"> <input id="but6" type="button" value="提交"> <input id="but7" type="button" value="图像"> <input id="but8" type="button" value="重置"> <input id="but9" type="button" value="按钮"> <input id="but10" type="button" value="文件"> </div> </body> </html>
标签:js代码 style src value 数学 ready reg 密码 cti
原文地址:http://www.cnblogs.com/yjh1604600160/p/x4.html