JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > jquery预览提交的表单

jquery预览提交的表单

预览表单,查看后确认提交或者返回重填



演示

XML/HTML Code

  1. 1.<form class="mform" id="myform" method="POST" id="myform" action="">  
  2. 2.<fieldset>  
  3. 3.<legend>Registeration</legend>  
  4. 4.<table cellspacing="0">  
  5. 5.<tbody>  
  6. 6.<tr>  
  7. 7.<td><label for="u_name"> Username :</label></td>  
  8. 8.<td><input type="text" name="uname" id="u_name">  
  9. 9.<td>  
  10. 10.</tr>  
  11. 11.<tr>  
  12. 12.<td><label for="u_pwd"> Password :</label></td>  
  13. 13.<td><input type="password" name="uname" id="u_pwd"></td>  
  14. 14.</tr>  
  15. 15.<tr>  
  16. 16.<td><label for="u_mail"> Email :</label></td>  
  17. 17.<td><input type="email" name="uname" id="u_mail"></td>  
  18. 18.</tr>  
  19. 19.<tr>  
  20. 20.<td><label for="u_country"> Country :</label></td>  
  21. 21.<td><select name="Country" id="u_country">  
  22. 22.<option value="" selected="selected">Select Country</option>  
  23. 23.<option value="United States">United States</option>  
  24. 24.<option value="United Kingdom">United Kingdom</option>  
  25. 25.<option value="China">China</option>  
  26. 26.</select></td>  
  27. 27.</tr>  
  28. 28.<tr>  
  29. 29.<td><span> Gender :</span></td>  
  30. 30.<td><input type="radio" name="gender" id="male" value="male">  
  31. 31.<label for="male"> Male</label>  
  32. 32.<input type="radio" name="gender" id="female"  value="female">  
  33. 33.<label for="female"> Female </label></td>  
  34. 34.</tr>  
  35. 35.<tr>  
  36. 36.<td><label for="subscribe"> Subscribe Us : </label></td>  
  37. 37.<td><input type="checkbox" id="subscribe" name="subscribe" value="yes"></td>  
  38. 38.</tr>  
  39. 39.<tr>  
  40. 40.<td></td>  
  41. 41.<td><input type="submit" value="submit"></td>  
  42. 42.</tr>  
  43. 43.</tbody>  
  44. 44.</table>  
  45. 45.</fieldset>  
  46. 46.</form>  
复制代码
JavaScript Code

  1. 1.<script>  
  2. 2.$(document).ready(function() {  
  3. 3.    $('#myform').previewForm();  
  4. 4.});  
  5. 5.</script>  
复制代码



【jquery预览提交的表单】相关文章

1. jquery预览提交的表单

2. PhoneGap教程第四讲 Jquery Mobile中的表单与列表

3. 6 个基于 jQuery 的表单向导插件推荐

4. 如何使用javascript/jQuery预先加载图片

5. PHP结合HTML5使用FormData对象提交表单及上传图片

6. jQuery带Tooltip表单验证的注册表单

7. 微软CEO鲍尔默:Facebook“是反社交的”

8. jQuery表单插件jquery.form.js

9. jQuery表单验证插件 jQuery.validity

10. jQuery表单插件jquery.form.js

本文来源:https://www.51html5.com/a1332.html

点击展开全部

﹝jquery预览提交的表单﹞相关内容

「jquery预览提交的表单」相关专题

其它栏目

也许您还喜欢