diff --git a/index.html b/index.html
index 9c0f196..7754fc8 100644
--- a/index.html
+++ b/index.html
@@ -50,8 +50,8 @@
     <div class="mb-3">
 		<label for="localproxy">Local proxy?</label>
 		<select class="custom-select d-block w-100" name="localproxy" id="localproxy">
-		<option value="Y">Yes</option>
-		<option value="N" selected>No</option>
+		<option value="Y" selected>Yes</option>
+		<option value="N">No</option>
 		</select>
     </div>
 </div>
@@ -83,7 +83,7 @@
 	<div class="row">
 	    <div class="mb-3">
 			<label for="letsencrypt_mail">Please add the letsencrypt mail address:</label>
-			<input type="text" class="form-control" name="letsencrypt_mail" id="letsencrypt_mail" value="">
+			<input type="email" class="form-control" name="letsencrypt_mail" id="letsencrypt_mail" value="">
 			<div class="invalid-feedback">
 			Please enter a valid email.
 			</div>
@@ -175,5 +175,18 @@
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
+<script>
+jQuery(document).ready(function(){
+
+	jQuery('select#vpn').click(function() {
+		if (jQuery(this).val()=='Y') jQuery('#div_vpn').show();
+		else jQuery('#div_vpn').hide();
+	});
+	jQuery('select#additional').click(function() {
+		if (jQuery(this).val()=='Y') jQuery('#div_additionals').show();
+		else jQuery('#div_additionals').hide();
+	});
+});
+</script>
 </body>
 </html>