Set focus on input by clicking label

src/Umbraco.Web.UI.Client/src/views/propertyeditors/boolean/boolean.html

@@ -1,3 +1,3 @@
 <div class="umb-editor umb-boolean" ng-controller="Umbraco.PropertyEditors.BooleanController">
     <input type="checkbox" ng-model="renderModel.value" id="{{model.alias}}" />    
-</div>
+</div>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.html

@@ -2,7 +2,7 @@
     <ng-form name="datePickerForm">
         <div class="input-append date datepicker" style="position: relative;" id="datepicker{{model.alias}}">
             
-            <input name="datepicker" data-format="{{model.config.format}}" type="text"
+            <input name="datepicker" data-format="{{model.config.format}}" id="{{model.alias}}" type="text"
                    ng-model="datetimePickerValue"
                    ng-required="model.validation.mandatory"
                    val-server="value"

src/Umbraco.Web.UI.Client/src/views/propertyeditors/email/email.html

@@ -1,6 +1,5 @@
 <div>
-
-    <input type="text" name="textbox"
+    <input type="email" name="textbox"
            ng-model="model.value"
            id="{{model.alias}}"
            class="umb-editor umb-textstring textstring"
@@ -11,4 +10,4 @@
     <span class="help-inline" val-msg-for="textbox" val-toggle-msg="required">Required</span>
     <span class="help-inline" val-msg-for="textbox" val-toggle-msg="valEmail">Invalid email</span>
     <span class="help-inline" val-msg-for="textbox" val-toggle-msg="valServer"></span>
-</div>
+</div>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/integer/integer.html

@@ -1,8 +1,12 @@
 <div class="umb-editor">
-    <input name="integerField" type="number" class="umb-editor umb-number "
-        ng-model="model.value"
-        val-server="value"
-        fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
+    <input name="integerField"
+           type="number"
+           pattern="[0-9]*"
+           class="umb-editor umb-number"
+           ng-model="model.value"
+           id="{{model.alias}}"
+           val-server="value"
+           fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
     
     <span class="help-inline" val-msg-for="integerField" val-toggle-msg="number">Not a number</span>
     <span class="help-inline" val-msg-for="integerField" val-toggle-msg="valServer">{{propertyForm.requiredField.errorMsg}}</span>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/tags/tags.html

@@ -14,6 +14,7 @@
         </span>
 
         <input type="text"
+               id="{{model.alias}}"
                class="typeahead tags-{{model.alias}}"
                ng-model="$parent.tagToAdd"
                ng-keydown="$parent.addTagOnEnter($event)"