JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<form action="javascript:void(0)" id="form1" method="post">
 <label for="i0">something</label>
 <input type="text" id="i0"  />

 <label for="i1">something</label>
 <select id="i1"..> <option>a</option> <option>b</option> </select>
 <input type="submit">
</form>

JavaScript

var getOuterHtml = function(node){
    var wrapper = document.createElement('div');
    document.body.appendChild(wrapper);
    var clone = node.cloneNode(true);
    wrapper.appendChild(clone);
    var result = wrapper.innerHTML;
    document.body.removeChild(wrapper);
    return result;
    
};
alert(getOuterHtml(document.getElementById('form1')));