diff --git a/src/lib/components/availability_question_input.svelte b/src/lib/components/availability_question_input.svelte
index ea3b8b5..04501e5 100644
--- a/src/lib/components/availability_question_input.svelte
+++ b/src/lib/components/availability_question_input.svelte
@@ -21,20 +21,18 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 <div class="datetime-range">
-	{#each Array(data.maxDateRanges) as _}
+	{#each Array(data.maxDateRanges) as _, i}
 		<div class="datetime-range-input">
 			<input
 				type="datetime-local"
-				id="start"
-				name="start"
+				name={'start' + i}
 				min={data.minStartDatetime}
 				max={data.maxEndDatetime}
 			/>
 			<p>----</p>
 			<input
 				type="datetime-local"
-				id="end"
-				name="end"
+				name={'end' + i}
 				min={data.minStartDatetime}
 				max={data.maxEndDatetime}
 			/>
diff --git a/src/lib/components/boolean_question_input.svelte b/src/lib/components/boolean_question_input.svelte
index 4accdda..62f68ff 100644
--- a/src/lib/components/boolean_question_input.svelte
+++ b/src/lib/components/boolean_question_input.svelte
@@ -19,7 +19,7 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 {#if data.style === 'radio'}
-	<input type="radio" required={data.required} bind:value={data.default} />
+	<input name={data.name} type="radio" required={data.required} bind:value={data.default} />
 {:else}
-	<input type="checkbox" required={data.required} bind:value={data.default} />
+	<input name={data.name} type="checkbox" required={data.required} bind:value={data.default} />
 {/if}
diff --git a/src/lib/components/color_question_input.svelte b/src/lib/components/color_question_input.svelte
index f02a7f1..e7b1d6c 100644
--- a/src/lib/components/color_question_input.svelte
+++ b/src/lib/components/color_question_input.svelte
@@ -15,4 +15,4 @@
 </script>
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
-<input type="color" required={data.required} bind:value={data.default} />
+<input name={data.name} type="color" required={data.required} bind:value={data.default} />
diff --git a/src/lib/components/date_question_input.svelte b/src/lib/components/date_question_input.svelte
index 8d6243a..c8c0783 100644
--- a/src/lib/components/date_question_input.svelte
+++ b/src/lib/components/date_question_input.svelte
@@ -21,6 +21,7 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 <input
+	name={data.name}
 	type="date"
 	required={data.required}
 	min={data.min}
diff --git a/src/lib/components/datetime_question_imput.svelte b/src/lib/components/datetime_question_imput.svelte
index 61ba377..db1d99e 100644
--- a/src/lib/components/datetime_question_imput.svelte
+++ b/src/lib/components/datetime_question_imput.svelte
@@ -20,6 +20,7 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 <input
+	name={data.name}
 	type="datetime-local"
 	required={data.required}
 	bind:value={data.default}
diff --git a/src/lib/components/form.svelte b/src/lib/components/form.svelte
index 8b30bae..f179475 100644
--- a/src/lib/components/form.svelte
+++ b/src/lib/components/form.svelte
@@ -59,7 +59,7 @@
 
 		content: 'please pick one',
 
-		required: false,
+		required: true,
 
 		customChoice: false,
 
@@ -85,7 +85,7 @@
 
 		content: 'Pick a number',
 
-		required: false,
+		required: true,
 
 		min: 0,
 
@@ -100,7 +100,7 @@
 
 		content: 'text area?',
 
-		required: false,
+		required: true,
 
 		minLength: 0,
 
@@ -118,7 +118,7 @@
 
 		content: 'What Time is it?',
 
-		required: false,
+		required: true,
 
 		min: 0,
 
@@ -235,7 +235,8 @@
 			{/if}
 		</div>
 	{/each}
-	<button type="submit" form={currentForm.id}>Submit</button>
+	<input type="hidden" value={currentForm.id} />
+	<input type="submit" value="Sumbit" />
 </form>
 
 <!-- 
diff --git a/src/lib/components/number_question_input.svelte b/src/lib/components/number_question_input.svelte
index 0197d58..0899818 100644
--- a/src/lib/components/number_question_input.svelte
+++ b/src/lib/components/number_question_input.svelte
@@ -25,6 +25,7 @@
 
 <label class="Question-Header" for={data.name}> {data.content} </label>
 <input
+	name={data.name}
 	type="number"
 	required={data.required}
 	min={data.min}
diff --git a/src/lib/components/text_question_input.svelte b/src/lib/components/text_question_input.svelte
index f8889e1..d14c4e7 100644
--- a/src/lib/components/text_question_input.svelte
+++ b/src/lib/components/text_question_input.svelte
@@ -24,6 +24,7 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 <input
+	name={data.name}
 	type="text"
 	max={data.maxLength}
 	min={data.minLength}
diff --git a/src/lib/components/time_question_input.svelte b/src/lib/components/time_question_input.svelte
index e3dc0ad..c587354 100644
--- a/src/lib/components/time_question_input.svelte
+++ b/src/lib/components/time_question_input.svelte
@@ -21,6 +21,7 @@
 
 <label class="Question-Header" for={data.name}>{data.content}</label>
 <input
+	name={data.name}
 	type="time"
 	required={data.required}
 	bind:value={data.default}