JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>DOM</title>
  </head>
  <body>
      <div class="content">

      </div>
  </body>
</html>

CSS

input {
  margin:10px
}

JavaScript

$(function() {
    var myform = $("<form/>", {
    	action: "/", 
    }).appendTo('.content');

    $('<input/>', {
        id:     'myinput-1',
        class:  'myinput',
        type: 	'text',
        name: 	'myinput-1',
        val: 	'Habr',
        css: {
            	'border': '1px solid red'
        } 
    }).appendTo(myform);

     $('<input/>').attr({
        id:     'myinput-2',
        class:  'myinput',
        type: 	'text',
        name: 	'myinput-2',
        placeholder: 	'Поиск...'
    }).appendTo(myform);

    $('<input/>', {
        type: 	'submit',
        name: 	'send',
        val: 	'Отправить' 
    }).appendTo(myform);
});