JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post">
    <input type="hidden" value="some text" />
    <input type="hidden" value="some more text" />
    <input type="hidden" value="yet more such text" />
</form>

CSS

input[disabled] {
    display: block;
    visibility: visible;
}

JavaScript

var theForm = document.getElementsByTagName('form')[0];
var inputs = document.getElementsByTagName('input');

for (i=0; i<inputs.length; i++){
    if(inputs[i].type == 'hidden'){
        var newInput = document.createElement('input');
        newInput.type = 'text';
        newInput.setAttribute('disabled');
        newInput.value = inputs[i].value;
        theForm.appendChild(newInput);
    }
}