jquery clear input default value

You may use this..

<body>
    <form method="" action="">
        <input type="text" name="email" class="input" />
        <input type="submit" value="Sign Up" class="button" />
    </form>
</body>

<script>
    $(document).ready(function() {
        $(".input").val("Email Address");
        $(".input").on("focus", function() {
            $(".input").val("");
        });
        $(".button").on("click", function(event) {
            $(".input").val("");
        });
    });
</script>

Talking of your own code, the problem is that the attr api of jquery is set by

$('.input').attr('value','Email Adress');

and not as you have done:

$('.input').attr('value') = 'Email address';

Related Posts:

  1. How to set time delay in javascript
  2. Disable button in jQuery
  3. Submit a form using jQuery
  4. Adding placeholder attribute using Jquery
  5. wait() or sleep() function in jquery?
  6. Force a default browser on my android phone using a simple html shortcut page
  7. Is jQuery $.browser Deprecated?
  8. jQuery date formatting
  9. Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
  10. $ versus jQuery
  11. How to center image in carousel
  12. Enable & Disable a Div and its elements in Javascript
  13. Which selector do I need to select an option by its text?
  14. jQuery dynamic selector
  15. How to pass $(this) properly in click jQuery function
  16. How to remove specific value from array using jQuery
  17. Check if inputs are empty using jQuery
  18. The ‘describe’ keyword in javascript
  19. e.preventdefault(); not working
  20. How to empty input field with jQuery
  21. How to save the state of a drag and drop jQuery UI Sortables front end layout editor?
  22. How to manage ajax calls and JSON in wordpress
  23. What is the simplest ajax upload plugin or script to be used with wordpress?
  24. Add tinymce buttons to caption textarea in media uploader
  25. How to get the path to current theme, but from a JS file?
  26. How do I use WP’s jQuery
  27. call shortcode in javascript
  28. Deregister WordPress jquery on specific page
  29. Fire jQuery function when post edit screen loads
  30. Add X meta box inputs based on form at top of meta box, how to do it right?
  31. Stylizing external SVG files with jQuery and CSS
  32. WordPress REST endpoint not able to reach with jQuery
  33. Execution of JavaScript on save post
  34. Is placing stuff in page text edit window bad form?
  35. How do I pass WordPress’s get_bloginfo(‘siteurl’) to Jquery?
  36. Googles jQuery: Are There Avantages to Using It?
  37. Passing JSON-encoded HTML from WordPress to JavaScript
  38. Tags in WordPress 3.2
  39. php ajax problem – weird 301 responses!
  40. Create URL with parameter for JQuery toggle status
  41. Stop theme’s jQuery function from running
  42. Populating autocomplete field with custom post type
  43. Making the wordpress login form a jQuery dropdown
  44. Not sure why wp_ajax isn’t working?
  45. Is it necessary to enqueue jquery?
  46. WordPress Ajax problem with undefined url
  47. Use Media Uploader on Multiple Images on same page
  48. Add a class to posts in increments of 2
  49. Move jQuery to the bottom of the page whilst keeping the WordPress jQuery
  50. Intergrating agile carousel to wordpress: how to write the ajax_callback function
  51. How I got jQuery Quicksand working with WordPress?
  52. How can I fire a jQuery event once getBlocks() actually returns the post’s blocks instead of null?
  53. WordPress + BlockUI or a splash page [closed]
  54. WP UI style within shortcode – Any Suggestions?
  55. Add/remove action on jQuery toggle
  56. jShowOff not showing numeric links, shows ‘undefined’ instead
  57. Javascript stopped working [closed]
  58. Firebug says jQuery is loaded but $() and jQuery() are not defined
  59. Why is my WordPress loading old version of JQuery?
  60. Why load JS through the CMS framework? [duplicate]
  61. delete post meta by AJAX
  62. url – ajax loaded but no JS
  63. Why should I deregister jquery?
  64. jQuery does not work on WordPress editor
  65. Adding URL of PDF from Thickbox in a Meta Box
  66. how to json_encode(); the Loop content so that the encoded array is [“0”:content, “1”:content]
  67. problem with jquery 3.5.1 in footer
  68. Loading jquery locally
  69. How to call custom jQuery plugins into the customizer controls
  70. Change zurb foundation top bar style on.scroll in wordpress theme using jquery and css
  71. click event to unhide something after ajax not firing
  72. WP_ENQUEUE not working with Foundation 5
  73. Save jQuery UI Sortable on WordPress
  74. Why does WordPress load jQuery in my header instead of footer?
  75. Problem adding MP3 attachments to a jPlayer playlist
  76. wp_enqueue_script jquery and jquery ui not working
  77. wp_enqueue_script calling jQuery at different times for different browsers?
  78. Axis guidelines over an image
  79. Retrive username of the loged in user using jquery
  80. WordPress forbidden 403 on delete in production vs local environment
  81. jquery Autocomplete
  82. Homepage loads many unnecessary jquery-ui files
  83. Get ajaxForm response value
  84. Update a parent theme JQuery property in the child theme
  85. Adding scripts before plugins scripts
  86. Refresh widget admin page resetting jQuery hidden class
  87. Autocomplete for titles via ajax – rework of past post away from like_escape()
  88. Ajax Request with jQuery not happening
  89. Bootstrap with Flexslider jQuery Issue
  90. Sorting UL Listing Within the TinyMCE Visual Editor in WordPress
  91. How to make jQuery load AFTER plugin’s script?
  92. jQuery not working internal pages [duplicate]
  93. My .js file is getting a 404
  94. Contact Form 7 submission does not complete [closed]
  95. how to display post in jquery slider and carousel
  96. Carousel Hover Image
  97. What is calling jquery?
  98. Accessing Advanced Custom Fields with Repeater using jQuery instead of PHP
  99. How to Add jQuery cod in wordpress [duplicate]
  100. Enqueued jQuery not working

Leave a Comment