JSFiddle - React, Tailwind, and code Playground

HTML

<form>
        <label>First Name</label>
        <input type="text" placeholder="Lorem" readonly required  /><input name="Edit" type="button" value="Edit">
        <label>First Name</label>
        <input type="text" placeholder="Lorem" required readonly /><input name="Edit" type="button" value="Edit">
        <label>Email ID</label>
        <input type="email" placeholder="Lorem" required readonly /><input name="Edit" type="button" value="Edit">
        <label>Password</label>
        <input type="password" placeholder="********" required readonly /><input name="Edit" type="Button" value="Edit">
      </form>

CSS

label{
    display:block
}

JavaScript

$('[name="Edit"]').on('click', function() {
    var prev = $(this).prev('input'),
        ro   = prev.prop('readonly');
    prev.prop('readonly', !ro).focus();
    $(this).val(ro ? 'Save' : 'Edit');
});