diff --git a/cms/templates/component.html b/cms/templates/component.html
index 5a4fe11257..7ec36654c5 100644
--- a/cms/templates/component.html
+++ b/cms/templates/component.html
@@ -33,13 +33,13 @@
 		  		<!--% showing second example mostly to see is-set style difference -->
 		  		<li class="settings-row">
 		  			<label for="setting-name-as-id">Setting Display Name Goes Here</label>
-		  			<input type="${type}" id="firstname"/> 
+		  			<input type="type" id="firstname"/> 
 		  			<span class="settings-help">${helpstring}</span>
 		  		
 		  		<!--% showing dropdown example -->
 		  		<li class="settings-row">
 		  			<label for="setting-name-as-id">Setting Display Name Goes Here</label>
-		  			<select name="${type}">
+		  			<select name="type">
 		  				<!--% for all in available options -->
 						<option value="displayName1" selected>Closed</option>
 						<!--in case value already defaulted -->