dynamic - Dynamically add search box using Javascript to web-page -

I want to dynamically add search box to web page using javascript as shown here:

and

How can I do this?

There are many different ways to know about taxes; without a JavaScript library, Some can:

  var form = document.createElement ('form'); Form.setAttribute ('action', '/ some_path'); Form.setAttribute ('method', 'post'); Var text_field = document.createElement ('input'); Text_field.setAttribute ('type', 'text'); Text_field.setAttribute ('value', 'enter something here ...'); Var button = document.createElement ('Input'); Button .SetAttivat ('type', 'submit'); Button.SetAttivate ('value', 'go!'); Form.appendChild (text_field); Form.appendChild (button); Document.body.appendChild (form);  

And with a JavaScript library, it gets very little code. For example with jQuery:

  var form = $ ('& lt; form & gt; et ({type:' text ', value:' enter something here ..). '(ATP:' / some_path ', method:' post '}), text_field = $ (' & lt; input & gt; ').'}), Button = $ ('& lt; input & gt;' ). Attr ({type: 'submit', Value: 'go!'}); Form.append (text_field); Form.append (button); $ ('Body') enclosed (form).