JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inputSwitch">
First Name: <span>John</span><input />
</div>
<div class="inputSwitch">
Last Name: <span>Doe</span><input />
</div>

JavaScript

$(".inputSwitch span").on("click", function() {
	var $this = $(this);
	$this.hide().siblings("input").val($this.text()).show();
});
$(".inputSwitch input").on("blur", function() {
	var $this = $(this);
	$this.hide().siblings("span").text($this.val()).show();
}).hide();