JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<input type="email" name="username" placeholder="username" class="disable-input">
<input type="email" name="username" placeholder="username">
<input type="email" name="username" placeholder="username" class="disable-input">
<br>
<input type="password" name="password" placeholder="password" class="disable-input">
<input type="password" name="password" placeholder="password">
<input type="password" name="password" placeholder="password" class="disable-input">
<br>
<input type="submit" value="submit">
</form>

CSS

.disable-input {
  display: none;
}

JavaScript

$(document).ready(function() {
	$(".disable-input").attr("disabled", "disabled");
});