JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<meta charset = "UTF-8"/>
<link rel="stylesheet" type="text/css" href="Styling.css" />
<link href='http://fonts.googleapis.com/css?family=Numans' rel='stylesheet'>
</head>
<script>
var save_button = document.getElementById('Save')
save_button.onclick = saveData;
function saveData(){
var input = document.getElementById("saveServer");
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server");
}
</script>
<body>
<h1></h1>
<form>
<fieldset>
<legend>Survey</legend>
<div id="boxalign">
<p>
<label>Hospital:</label>
<input type="text" />
</p>
<p>
<label>Name:</label> <input type="text"/>
</p>
<p>
<label>Title:</label><input type="text"/>
</p>
<p>
<label>Department:</label> <input type="text"/>
</p>
</div>
<div id="boxalign2">
<p>
Contact Info<br>
<label>Email:</label> <input type="text"/>
<label>Office #:</label> <input type="text"/>
<label>Other:</label> <input type="text"/>
<label>Preferred Contact:</label>
<select id = "myList">
<option value = "1">Email</option>
<option value = "2">Phone</option>
</select>
</p>
<p>
Assistants Contact Info (if applicable)<br>
<label>Name:</label> <input type="text"/>
<label>Email:</label> <input type="text"/>
<label>Office #:</label> <input type="text"/>
</p>
<p>
Who do you report to?<br>
<label>Name:</label> <input type="text"/>
<label>Title:</label> <input type="text"/>
</p>
<p>
Who reports to you?<br>
<label>Name:</label> <input type="text"/>
<label>Title:</label> <input type="text"/>
<label>Department:</label> <input type="text"/>
</p>
</div>
<p>
Top 3 Job Responsibilities<br>
<textarea rows= "3" cols = "80"></textarea>
</p>
<p>
List...
JavaScript
var save_button = document.getElementById('Save')
save_button.onclick = saveData;
function saveData(){
var input = document.getElementById("saveServer");
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server");
}