diff --git a/src/fields/fieldCheckbox.vue b/src/fields/fieldCheckbox.vue
index 15e1d318..5ae030da 100644
--- a/src/fields/fieldCheckbox.vue
+++ b/src/fields/fieldCheckbox.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="checkbox", v-model="value", :disabled="disabled")
+	input(type="checkbox", v-model="value",  :autocomplete="schema.autocomplete", :disabled="disabled")
 </template>
 
 <script>
diff --git a/src/fields/fieldChecklist.vue b/src/fields/fieldChecklist.vue
index 9b4dfeeb..abffac38 100644
--- a/src/fields/fieldChecklist.vue
+++ b/src/fields/fieldChecklist.vue
@@ -1,12 +1,12 @@
 <template lang="jade">
 	.wrapper
-		.listbox.form-control(v-if="schema.listBox")
+		.listbox.form-control(v-if="schema.listBox", :disabled="disabled")
 			.list-row(v-for="item in items")
 				label
-					input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
+					input(type="checkbox", :checked="getItemIsChecked(item)", :disabled="disabled", @change="onChanged($event, item)")
 					| {{ getItemName(item) }}
 
-		.combobox.form-control(v-if="!schema.listBox")
+		.combobox.form-control(v-if="!schema.listBox", :disabled="disabled")
 			.mainRow(@click="onExpandCombo", :class="{ expanded: comboExpanded }")
 				.info {{ selectedCount }} selected
 				.arrow
@@ -14,7 +14,7 @@
 			.dropList
 				.list-row(v-if="comboExpanded", v-for="item in items")
 					label
-						input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
+						input(type="checkbox", :checked="getItemIsChecked(item)", :disabled="disabled", @change="onChanged($event, item)")
 						| {{ getItemName(item) }}
 </template>
 
diff --git a/src/fields/fieldCleave.vue b/src/fields/fieldCleave.vue
index ea18a565..7346569e 100644
--- a/src/fields/fieldCleave.vue
+++ b/src/fields/fieldCleave.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue
index 3bda1ddd..2ea7e6a0 100644
--- a/src/fields/fieldColor.vue
+++ b/src/fields/fieldColor.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input(type="color", v-model="value", :disabled="disabled")
+		input(type="color", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled")
 		span.helper {{ value }}
 </template>
 
diff --git a/src/fields/fieldDateTime.vue b/src/fields/fieldDateTime.vue
index 95034333..83e63a86 100644
--- a/src/fields/fieldDateTime.vue
+++ b/src/fields/fieldDateTime.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.input-group.date
-		input.form-control(type="text", v-model="value", :disabled="disabled")
+		input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 		span.input-group-addon
 			span.glyphicon.glyphicon-calendar
 </template>
diff --git a/src/fields/fieldEmail.vue b/src/fields/fieldEmail.vue
index 285058c0..93b57753 100644
--- a/src/fields/fieldEmail.vue
+++ b/src/fields/fieldEmail.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="email", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="email", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldGoogleAddress.vue b/src/fields/fieldGoogleAddress.vue
index f59c1638..96546841 100644
--- a/src/fields/fieldGoogleAddress.vue
+++ b/src/fields/fieldGoogleAddress.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder", debounce="500", @focus="geolocate()")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly",  debounce="500", @focus="geolocate()")
 </template>
 
 <script>
diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue
index a9753c89..dfe3f824 100644
--- a/src/fields/fieldImage.vue
+++ b/src/fields/fieldImage.vue
@@ -1,7 +1,7 @@
 <template lang="jade">
 	div.wrapper
-		input.form-control.link(type="text", v-model="wrappedValue", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
-		input.form-control.file(type="file", :readonly="schema.readonly", :disabled="disabled", v-if="schema.browse !== false", @change="fileChanged")
+		input.form-control.link(type="text", v-model="wrappedValue", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+		input.form-control.file(type="file", v-if="schema.browse !== false", :disabled="disabled", @change="fileChanged")
 		.preview(:style="previewStyle")
 			.remove(title="Remove image", @click="remove")
 </template>
diff --git a/src/fields/fieldMasked.vue b/src/fields/fieldMasked.vue
index 6e3744ef..8ecd0100 100644
--- a/src/fields/fieldMasked.vue
+++ b/src/fields/fieldMasked.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue
index 4c49faff..4180204d 100644
--- a/src/fields/fieldNumber.vue
+++ b/src/fields/fieldNumber.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="number", v-model="value", number, :min="schema.min", :max="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue
index cf0be568..cbaab40f 100644
--- a/src/fields/fieldPassword.vue
+++ b/src/fields/fieldPassword.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="password", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPikaday.vue b/src/fields/fieldPikaday.vue
index 9ec7ce7d..613b3232 100644
--- a/src/fields/fieldPikaday.vue
+++ b/src/fields/fieldPikaday.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue
index 4c8734c9..82074224 100644
--- a/src/fields/fieldRange.vue
+++ b/src/fields/fieldRange.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input.form-control(type="range", v-model="value", :min="schema.min", :max="schema.max", :disabled="disabled", :placeholder="schema.placeholder")
+		input.form-control(type="range", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min")
 		.helpText {{ value }}
 </template>
 
diff --git a/src/fields/fieldSlider.vue b/src/fields/fieldSlider.vue
index 37a0f914..024232fe 100644
--- a/src/fields/fieldSlider.vue
+++ b/src/fields/fieldSlider.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="text", :data-min="schema.min", :data-max="schema.max", :data-step="schema.step", :data-disable="disabled")
+	input(type="text", :autocomplete="schema.autocomplete", :data-disable="disabled", :data-max="schema.max", :data-min="schema.min", :data-step="schema.step", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldSpectrum.vue b/src/fields/fieldSpectrum.vue
index 2ad27a7a..a05f19b1 100644
--- a/src/fields/fieldSpectrum.vue
+++ b/src/fields/fieldSpectrum.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="text", :disabled="disabled", :placeholder="schema.placeholder")
+	input(type="text", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldText.vue b/src/fields/fieldText.vue
index 0a404b36..70e3e1ab 100644
--- a/src/fields/fieldText.vue
+++ b/src/fields/fieldText.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :maxlength="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :pattern="schema.pattern", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue
index 2fa32e3e..7772092f 100644
--- a/src/fields/fieldTextArea.vue
+++ b/src/fields/fieldTextArea.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	textarea.form-control(v-model="value", :rows="schema.rows || 2", :readonly="schema.readonly", :placeholder="schema.placeholder", :disabled="disabled", :maxlength="schema.max")
+	textarea.form-control(v-model="value", :disabled="disabled", :maxlength="schema.max", :minlength="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
 </template>
 
 <script>
diff --git a/test/unit/specs/fields/fieldCheckbox.spec.js b/test/unit/specs/fields/fieldCheckbox.spec.js
index f11a89d5..1e1094ee 100644
--- a/test/unit/specs/fields/fieldCheckbox.spec.js
+++ b/test/unit/specs/fields/fieldCheckbox.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldCheckbox from "src/fields/fieldCheckbox.vue";
@@ -18,7 +18,8 @@ describe("FieldCheckbox.vue", function() {
 		let schema = {
 			type: "checkbox",
 			label: "Status",
-			model: "status"
+			model: "status",
+			autocomplete: "off"
 		};
 		let model = { status: true };
 		let input;
@@ -34,28 +35,29 @@ describe("FieldCheckbox.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("checkbox");
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.status = false;
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -66,7 +68,7 @@ describe("FieldCheckbox.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.status).to.be.true;	
+				expect(model.status).to.be.true;
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldChecklist.spec.js b/test/unit/specs/fields/fieldChecklist.spec.js
index 8f3db983..b899b399 100644
--- a/test/unit/specs/fields/fieldChecklist.spec.js
+++ b/test/unit/specs/fields/fieldChecklist.spec.js
@@ -64,14 +64,6 @@ describe("fieldChecklist.vue", function() {
 				expect(isChecked(6)).to.be.true;
 			});
 
-			/*it("should set disabled", (done) => {
-				field.disabled = true;
-				vm.$nextTick( () => {
-					expect(listbox.disabled).to.be.true;	
-					done();
-				});
-			});*/
-
 			it("listbox value should be the model value after changed", (done) => {
 				model.skills = ["ReactJS"];
 				vm.$nextTick( () => {
@@ -89,7 +81,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);
 					done();
 				});
 
@@ -153,7 +145,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal([3, 1]);	
+					expect(model.skills).to.be.deep.equal([3, 1]);
 					done();
 				});
 
@@ -219,13 +211,13 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal([3, 1]);	
+					expect(model.skills).to.be.deep.equal([3, 1]);
 					done();
 				});
 
 			});
 
-		});		
+		});
 
 	});
 
@@ -316,7 +308,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);
 					done();
 				});
 
@@ -327,7 +319,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS"]);
 					done();
 				});
 
@@ -339,11 +331,11 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["HTML5"]);
 					done();
 				});
 
-			});			
+			});
 
 		});
 
diff --git a/test/unit/specs/fields/fieldCleave.spec.js b/test/unit/specs/fields/fieldCleave.spec.js
index b649b9b9..173db112 100644
--- a/test/unit/specs/fields/fieldCleave.spec.js
+++ b/test/unit/specs/fields/fieldCleave.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldCleave from "src/fields/fieldCleave.vue";
@@ -19,8 +19,9 @@ describe("fieldCleave.vue", function() {
 			type: "masked",
 			label: "Phone",
 			model: "phone",
+			autocomplete: "off",
+			placeholder: "",
 			readonly: false,
-			placeholder: "Field placeholder",
 			cleaveOptions: {
 				phone: true,
 				phoneRegionCode: "HU",
@@ -41,40 +42,29 @@ describe("fieldCleave.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("30 123 4567");	
+				expect(input.value).to.be.equal("30 123 4567");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				schema.readonly = false;
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.phone = "70 555 4433";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("70 555 4433");	
+				expect(input.value).to.be.equal("70 555 4433");
 				done();
 			});
 
@@ -85,7 +75,7 @@ describe("fieldCleave.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("21 888 6655");	
+				expect(model.phone).to.be.equal("21 888 6655");
 				done();
 			});
 
@@ -93,15 +83,15 @@ describe("fieldCleave.vue", function() {
 
 		it("should be formatted data in model", (done) => {
 			field.cleave.setRawValue("301234567");
-			expect(input.value).to.be.equal("30 123 4567");	
+			expect(input.value).to.be.equal("30 123 4567");
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("30 123 4567");	
+				expect(model.phone).to.be.equal("30 123 4567");
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldColor.spec.js b/test/unit/specs/fields/fieldColor.spec.js
index f6b459b4..15344b5b 100644
--- a/test/unit/specs/fields/fieldColor.spec.js
+++ b/test/unit/specs/fields/fieldColor.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldColor from "src/fields/fieldColor.vue";
@@ -18,7 +18,8 @@ describe("fieldColor.vue", function() {
 		let schema = {
 			type: "color",
 			label: "Color",
-			model: "color"
+			model: "color",
+			autocomplete: "off"
 		};
 		let model = { color: "#ff8822" };
 		let input;
@@ -34,29 +35,29 @@ describe("fieldColor.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("color");
-			//expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("#ff8822");	
+				expect(input.value).to.be.equal("#ff8822");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.color = "#ffff00";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("#ffff00");	
+				expect(input.value).to.be.equal("#ffff00");
 				done();
 			});
 
@@ -67,7 +68,7 @@ describe("fieldColor.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.color).to.be.equal("#123456");	
+				expect(model.color).to.be.equal("#123456");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldDateTime.spec.js b/test/unit/specs/fields/fieldDateTime.spec.js
index 16c67a42..daeaec1b 100644
--- a/test/unit/specs/fields/fieldDateTime.spec.js
+++ b/test/unit/specs/fields/fieldDateTime.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 import moment from "moment";
 
 import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldDateTime.vue", function() {
 		let schema = {
 			type: "dateTime",
 			label: "Event",
-			model: "event"
+			model: "event",
+			autocomplete: "off",
+			placeholder: "",
+			readonly: false
 		};
 		let model = { event: 1462799081231 };
 		let input;
@@ -36,25 +39,21 @@ describe("fieldDateTime.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD HH:mm:ss") );	
+				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD HH:mm:ss") );
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-				// Rollback
-				field.disabled = false;
-				vm.$nextTick( () => {
-					done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
 				});
 			});
 		});
@@ -62,7 +61,7 @@ describe("fieldDateTime.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.event = 1234567890123;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD HH:mm:ss") );	
+				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD HH:mm:ss") );
 				done();
 			});
 
@@ -73,7 +72,7 @@ describe("fieldDateTime.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.event).to.be.equal(1420194153000);	
+				expect(model.event).to.be.equal(1420194153000);
 				done();
 			});
 
@@ -101,7 +100,7 @@ describe("fieldDateTime.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment("20160509", schema.format).format(schema.dateTimePickerOptions.format) );	
+				expect(input.value).to.be.equal( moment("20160509", schema.format).format(schema.dateTimePickerOptions.format) );
 				done();
 			});
 		});
@@ -111,11 +110,11 @@ describe("fieldDateTime.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.event).to.be.equal( "20150102" );	
+				expect(model.event).to.be.equal( "20150102" );
 				done();
 			});
 
-		});		
+		});
 	});
 
 });
diff --git a/test/unit/specs/fields/fieldEmail.spec.js b/test/unit/specs/fields/fieldEmail.spec.js
index bbaeb094..e988ba74 100644
--- a/test/unit/specs/fields/fieldEmail.spec.js
+++ b/test/unit/specs/fields/fieldEmail.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldEmail from "src/fields/fieldEmail.vue";
@@ -20,8 +20,9 @@ describe("fieldEmail.vue", function() {
 			type: "text",
 			label: "E-mail",
 			model: "email",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { email: "john.doe@company.org" };
 		let input;
@@ -38,38 +39,29 @@ describe("fieldEmail.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("email");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("john.doe@company.org");	
+				expect(input.value).to.be.equal("john.doe@company.org");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.email = "john.doe@gmail.com";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("john.doe@gmail.com");	
+				expect(input.value).to.be.equal("john.doe@gmail.com");
 				done();
 			});
 
@@ -80,7 +72,7 @@ describe("fieldEmail.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.email).to.be.equal("john.smith@company.org");	
+				expect(model.email).to.be.equal("john.smith@company.org");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldGoogleAddress.spec.js b/test/unit/specs/fields/fieldGoogleAddress.spec.js
index 7686d602..8a19e695 100644
--- a/test/unit/specs/fields/fieldGoogleAddress.spec.js
+++ b/test/unit/specs/fields/fieldGoogleAddress.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldGoogleAddress from "src/fields/fieldGoogleAddress.vue";
@@ -19,8 +19,9 @@ describe("fieldGoogleAddress.vue", function() {
 			type: "text",
 			label: "Address",
 			model: "address",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { address: "Paris, France" };
 		let input;
@@ -37,40 +38,29 @@ describe("fieldGoogleAddress.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris, France");	
+				expect(input.value).to.be.equal("Paris, France");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				schema.readonly = false;
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.address = "Rome, Italy";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome, Italy");	
+				expect(input.value).to.be.equal("Rome, Italy");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldImage.spec.js b/test/unit/specs/fields/fieldImage.spec.js
index ddf189a5..94c9dbf1 100644
--- a/test/unit/specs/fields/fieldImage.spec.js
+++ b/test/unit/specs/fields/fieldImage.spec.js
@@ -1,7 +1,7 @@
 /* global sinon */
 
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldImage from "src/fields/fieldImage.vue";
@@ -21,8 +21,9 @@ describe("fieldImage.vue", function() {
 			type: "image",
 			label: "Avatar",
 			model: "avatar",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { avatar: "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg" };
 		let input;
@@ -39,9 +40,9 @@ describe("fieldImage.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
 			expect(input.classList.contains("link")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			expect(input.placeholder).to.be.equal(schema.placeholder);
+			expect(input.readOnly).to.be.false;
+			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain a file input element", () => {
@@ -49,43 +50,37 @@ describe("fieldImage.vue", function() {
 			expect(fileInput).to.be.defined;
 			expect(fileInput.classList.contains("form-control")).to.be.true;
 			expect(fileInput.classList.contains("file")).to.be.true;
-			expect(fileInput.readOnly).to.be.false;	
-			expect(fileInput.disabled).to.be.false;	
-		});	
+			expect(fileInput.readOnly).to.be.false;
+			expect(fileInput.disabled).to.be.false;
+		});
 
 		it("should not visible the preview div", () => {
 			let preview = el.querySelector(".preview");
 			expect(preview.style.display).to.be.equal("block");
-		});		
+		});
 
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(model.avatar);	
+				expect(input.value).to.be.equal(model.avatar);
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.avatar = "https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg");	
+				expect(input.value).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg");
 				done();
 			});
 
@@ -96,7 +91,7 @@ describe("fieldImage.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.avatar).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/peterme/128.jpg");	
+				expect(model.avatar).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/peterme/128.jpg");
 				done();
 			});
 
@@ -110,7 +105,7 @@ describe("fieldImage.vue", function() {
 				expect(fileInput).to.be.null;
 				done();
 			});
-		});	
+		});
 
 		it("should not visible the preview div", (done) => {
 			vm.$set("schema.preview", false);
@@ -120,7 +115,7 @@ describe("fieldImage.vue", function() {
 				expect(preview.style.display).to.be.equal("none");
 				done();
 			});
-		});			
+		});
 
 		it("should not show base64 data in input field", (done) => {
 			model.avatar = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ";
@@ -129,7 +124,7 @@ describe("fieldImage.vue", function() {
 				expect(input.value).to.be.equal("<inline base64 image>");
 				done();
 			});
-		});	
+		});
 
 		it("should clear input if press remove icon", (done) => {
 			vm.$set("schema.preview", true);
@@ -175,7 +170,7 @@ describe("fieldImage.vue", function() {
 				window.FileReader = FR;
 				done();
 			});
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldLabel.spec.js b/test/unit/specs/fields/fieldLabel.spec.js
index a0e6c5ae..86bc3780 100644
--- a/test/unit/specs/fields/fieldLabel.spec.js
+++ b/test/unit/specs/fields/fieldLabel.spec.js
@@ -37,7 +37,7 @@ describe("fieldLabel.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(span.textContent).to.be.equal("2 days ago");	
+				expect(span.textContent).to.be.equal("2 days ago");
 				done();
 			});
 		});
@@ -45,7 +45,7 @@ describe("fieldLabel.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.timestamp = "Foo bar";
 			vm.$nextTick( () => {
-				expect(span.textContent).to.be.equal("Foo bar");	
+				expect(span.textContent).to.be.equal("Foo bar");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldMasked.spec.js b/test/unit/specs/fields/fieldMasked.spec.js
index 9aa7d400..df843e49 100644
--- a/test/unit/specs/fields/fieldMasked.spec.js
+++ b/test/unit/specs/fields/fieldMasked.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldMasked from "src/fields/fieldMasked.vue";
@@ -20,8 +20,9 @@ describe("fieldMasked.vue", function() {
 			label: "Phone",
 			model: "phone",
 			mask: "(99) 999-9999",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { phone: "(30) 123-4567" };
 		let input;
@@ -38,40 +39,21 @@ describe("fieldMasked.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("(30) 123-4567");	
+				expect(input.value).to.be.equal("(30) 123-4567");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-				// Rollback
-				schema.readonly = false;
-				vm.$nextTick( () => {
-					done();
-				});
-			});
-		});
-
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-
-				// Rollback
-				field.disabled = false;
-				vm.$nextTick( () => {
-					done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
 				});
 			});
 		});
@@ -79,7 +61,7 @@ describe("fieldMasked.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.phone = "(70) 555- 4433";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("(70) 555- 4433");	
+				expect(input.value).to.be.equal("(70) 555- 4433");
 				done();
 			});
 
@@ -90,7 +72,7 @@ describe("fieldMasked.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("(21) 888-6655");	
+				expect(model.phone).to.be.equal("(21) 888-6655");
 				done();
 			});
 
@@ -100,14 +82,14 @@ describe("fieldMasked.vue", function() {
 			input.value = "123456789";
 			// Call the paste event what trigger the formatter
 			let $input = window.jQuery(input);
-			$input.trigger(window.jQuery.Event("paste"));			
+			$input.trigger(window.jQuery.Event("paste"));
 
 			setTimeout( () => {
-				expect(input.value).to.be.equal("(12) 345-6789");	
+				expect(input.value).to.be.equal("(12) 345-6789");
 				trigger(input, "input");
 
 				vm.$nextTick( () => {
-					expect(model.phone).to.be.equal("(12) 345-6789");	
+					expect(model.phone).to.be.equal("(12) 345-6789");
 					done();
 				});
 
diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index bea2f83d..a292588f 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -56,7 +56,7 @@ describe("fieldNoUiSlider.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelector(".noUi-origin");				
+				let origin = input.querySelector(".noUi-origin");
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
@@ -65,22 +65,22 @@ describe("fieldNoUiSlider.vue", function() {
 		it("handle value should be the model value after changed", (done) => {
 			field.model = { rating: 10 };
 			setTimeout( () => {
-				let origin = input.querySelector(".noUi-origin");				
-				expect(origin.style.left).to.be.equal("100%");				
+				let origin = input.querySelector(".noUi-origin");
+				expect(origin.style.left).to.be.equal("100%");
 				done();
 			}, 100);
 		});
 
 		it("model value should be the handle value after changed", (done) => {
-			// `field.slider.noUiSlider.set(3);`	- It doesn't fired the onChange event 
+			// `field.slider.noUiSlider.set(3);`	- It doesn't fired the onChange event
 			field.onChange(3);
 			setTimeout( () => {
-				expect(vm.model.rating).to.be.equal(3);				
+				expect(vm.model.rating).to.be.equal(3);
 				done();
 			}, 100);
 		});
-		
-		it("should set disabled", (done) => {			
+
+		it("should set disabled", (done) => {
 			field.disabled = true;
 			vm.$nextTick( () => {
 				// This is not real input, it is a div. So we can check the disabled attribute
diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index 8dd2e275..99b83c7e 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldNumber from "src/fields/fieldNumber.vue";
@@ -19,10 +19,11 @@ describe("fieldNumber.vue", function() {
 			type: "number",
 			label: "Age",
 			model: "age",
-			readonly: false,
 			min: 18,
 			max: 100,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { age: 27 };
 		let input;
@@ -39,40 +40,30 @@ describe("fieldNumber.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("number");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.min).to.be.equal("18");	
-			expect(input.max).to.be.equal("100");	
-			expect(input.disabled).to.be.false;	
+			expect(input.min).to.be.equal("18");
+			expect(input.max).to.be.equal("100");
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("27");	
+				expect(input.value).to.be.equal("27");
 				done();
 			});
 		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
-
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.age = 35;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("35");	
+				expect(input.value).to.be.equal("35");
 				done();
 			});
 
@@ -83,7 +74,7 @@ describe("fieldNumber.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.age).to.be.equal(50);	
+				expect(model.age).to.be.equal(50);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index b1823997..e91e6c06 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldPassword from "src/fields/fieldPassword.vue";
@@ -20,8 +20,9 @@ describe("fieldPassword.vue", function() {
 			type: "password",
 			label: "Password",
 			model: "password",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { password: "123456!" };
 		let input;
@@ -38,38 +39,29 @@ describe("fieldPassword.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("password");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("123456!");	
+				expect(input.value).to.be.equal("123456!");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.password = "J0hnD03!x4";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("J0hnD03!x4");	
+				expect(input.value).to.be.equal("J0hnD03!x4");
 				done();
 			});
 
@@ -80,7 +72,7 @@ describe("fieldPassword.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.password).to.be.equal("pass 1234&");	
+				expect(model.password).to.be.equal("pass 1234&");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldPikaday.spec.js b/test/unit/specs/fields/fieldPikaday.spec.js
index 779672ca..0f7ba763 100644
--- a/test/unit/specs/fields/fieldPikaday.spec.js
+++ b/test/unit/specs/fields/fieldPikaday.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, checkAttribute } from "../util";
 import moment from "moment";
 
 import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldPikaday.vue", function() {
 		let schema = {
 			type: "dateTime",
 			label: "Event",
-			model: "event"
+			model: "event",
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { event: 1462799081231 };
 		let input;
@@ -36,29 +39,29 @@ describe("fieldPikaday.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD") );	
+				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD") );
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.event = 1234567890123;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD") );	
+				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD") );
 				done();
 			});
 
@@ -69,8 +72,8 @@ describe("fieldPikaday.vue", function() {
 			field.picker.setDate(day);
 
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(day);	
-				expect(moment(model.event).format("YYYY-MM-DD")).to.be.equal(day);	
+				expect(input.value).to.be.equal(day);
+				expect(moment(model.event).format("YYYY-MM-DD")).to.be.equal(day);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldRange.spec.js b/test/unit/specs/fields/fieldRange.spec.js
index 2036b493..603d004d 100644
--- a/test/unit/specs/fields/fieldRange.spec.js
+++ b/test/unit/specs/fields/fieldRange.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldRange from "src/fields/fieldRange.vue";
@@ -21,7 +21,7 @@ describe("fieldRange.vue", function() {
 			model: "rating",
 			min: 1,
 			max: 10,
-			placeholder: "Field placeholder"
+			autocomplete: "off"
 		};
 		let model = { rating: 8 };
 		let input;
@@ -38,31 +38,31 @@ describe("fieldRange.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("range");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.min).to.be.equal("1");	
-			expect(input.max).to.be.equal("10");	
-			expect(input.disabled).to.be.false;	
+			expect(input.min).to.be.equal("1");
+			expect(input.max).to.be.equal("10");
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("8");	
+				expect(input.value).to.be.equal("8");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.rating = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -73,7 +73,7 @@ describe("fieldRange.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.rating).to.be.equal(6);	
+				expect(model.rating).to.be.equal(6);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldSelect.spec.js b/test/unit/specs/fields/fieldSelect.spec.js
index 21c71383..da5dbcf3 100644
--- a/test/unit/specs/fields/fieldSelect.spec.js
+++ b/test/unit/specs/fields/fieldSelect.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSelect from "src/fields/fieldSelect.vue";
@@ -42,7 +42,6 @@ describe("fieldSelect.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain option elements", () => {
@@ -62,23 +61,25 @@ describe("fieldSelect.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris");	
+				expect(input.value).to.be.equal("Paris");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome");	
+				expect(input.value).to.be.equal("Rome");
 				done();
 			});
 
@@ -89,7 +90,7 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal("London");	
+				expect(model.city).to.be.equal("London");
 				done();
 			});
 
@@ -135,11 +136,11 @@ describe("fieldSelect.vue", function() {
 			expect(options[2].textContent).to.be.equal("Paris");
 			expect(options[2].selected).to.be.true;
 			expect(options[1].selected).to.be.false;
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -147,7 +148,7 @@ describe("fieldSelect.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -158,7 +159,7 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
@@ -190,7 +191,7 @@ describe("fieldSelect.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -198,7 +199,7 @@ describe("fieldSelect.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -209,12 +210,12 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
 		});
 
-	});	
+	});
 
 });
\ No newline at end of file
diff --git a/test/unit/specs/fields/fieldSelectEx.spec.js b/test/unit/specs/fields/fieldSelectEx.spec.js
index d9397be4..de265595 100644
--- a/test/unit/specs/fields/fieldSelectEx.spec.js
+++ b/test/unit/specs/fields/fieldSelectEx.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSelectEx from "src/fields/fieldSelectEx.vue";
@@ -41,8 +41,6 @@ describe("fieldSelectEx.vue", function() {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			expect(input.disabled).to.be.false;	
-			expect(input.multiple).to.be.false;	
 		});
 
 		it("should contain option elements", () => {
@@ -58,27 +56,29 @@ describe("fieldSelectEx.vue", function() {
 			let options = input.querySelectorAll("option");
 			expect(options[0].disabled).to.be.false;
 			expect(options[0].textContent).to.be.equal("<Not selected>");
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris");	
+				expect(input.value).to.be.equal("Paris");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["disabled", "multiSelect"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome");	
+				expect(input.value).to.be.equal("Rome");
 				done();
 			});
 
@@ -89,7 +89,7 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal("London");	
+				expect(model.city).to.be.equal("London");
 				done();
 			});
 
@@ -108,7 +108,7 @@ describe("fieldSelectEx.vue", function() {
 		it("should not be multiple", (done) => {
 			schema.multiSelect = true;
 			vm.$nextTick( () => {
-				expect(input.multiple).to.be.true;	
+				expect(input.multiple).to.be.true;
 				let options = input.querySelectorAll("option");
 				expect(options.length).to.be.equal(4); // no <non selected>
 
@@ -146,11 +146,11 @@ describe("fieldSelectEx.vue", function() {
 			expect(options[2].textContent).to.be.equal("Paris");
 			expect(options[2].selected).to.be.true;
 			expect(options[1].selected).to.be.false;
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -158,7 +158,7 @@ describe("fieldSelectEx.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -169,7 +169,7 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
@@ -201,7 +201,7 @@ describe("fieldSelectEx.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -209,7 +209,7 @@ describe("fieldSelectEx.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -220,12 +220,12 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
 		});
 
-	});	
+	});
 
 });
\ No newline at end of file
diff --git a/test/unit/specs/fields/fieldSlider.spec.js b/test/unit/specs/fields/fieldSlider.spec.js
index 32fb2c0d..0e90418b 100644
--- a/test/unit/specs/fields/fieldSlider.spec.js
+++ b/test/unit/specs/fields/fieldSlider.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSlider from "src/fields/fieldSlider.vue";
@@ -20,7 +20,10 @@ describe("fieldSlider.vue", function() {
 			label: "Rating",
 			model: "rating",
 			min: 1,
-			max: 10
+			max: 10,
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { rating: 8 };
 		let input;
@@ -36,32 +39,33 @@ describe("fieldSlider.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
-			expect(input.getAttribute("data-min")).to.be.equal("1");	
-			expect(input.getAttribute("data-max")).to.be.equal("10");	
-			expect(input.getAttribute("data-disable")).to.be.null;	
+			expect(input.getAttribute("data-min")).to.be.equal("1");
+			expect(input.getAttribute("data-max")).to.be.equal("10");
+			expect(input.getAttribute("data-disable")).to.be.null;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = el.querySelector(".irs-slider.single");				
+				let origin = el.querySelector(".irs-slider.single");
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.getAttribute("data-disable")).to.be.equal("");	
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			field.model = { rating: 3 };
 			vm.$nextTick( () => {
-				let origin = el.querySelector(".irs-slider.single");				
+				let origin = el.querySelector(".irs-slider.single");
 				expect(origin.style.left).to.be.within("20%", "40%");
 				done();
 			});
@@ -72,11 +76,11 @@ describe("fieldSlider.vue", function() {
 			field.slider.update({ from: 6 });
 			field.slider.callOnChange(field.slider); // trigger changes
 			vm.$nextTick( () => {
-				expect(field.model.rating).to.be.equal(6);	
+				expect(field.model.rating).to.be.equal(6);
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldSpectrum.spec.js b/test/unit/specs/fields/fieldSpectrum.spec.js
index 6c885d07..8d5a8025 100644
--- a/test/unit/specs/fields/fieldSpectrum.spec.js
+++ b/test/unit/specs/fields/fieldSpectrum.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSpectrum from "src/fields/fieldSpectrum.vue";
@@ -19,7 +19,10 @@ describe("fieldSpectrum.vue", function() {
 		let schema = {
 			type: "color",
 			label: "Color",
-			model: "color"
+			model: "color",
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { color: "#ff8822" };
 		let input;
@@ -35,31 +38,29 @@ describe("fieldSpectrum.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
-			//expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ff8822");	
+				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ff8822");
 				done();
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				expect(el.querySelectorAll(".sp-disabled").length).to.be.equal(1);
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			field.model = { color: "#ffff00" };
 			vm.$nextTick( () => {
-				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ffff00");	
+				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ffff00");
 				done();
 			});
 
@@ -70,7 +71,7 @@ describe("fieldSpectrum.vue", function() {
 			trigger(document.querySelector(".sp-input"), "change");
 
 			vm.$nextTick( () => {
-				expect(field.model.color).to.be.equal("#123456");	
+				expect(field.model.color).to.be.equal("#123456");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldStaticMap.spec.js b/test/unit/specs/fields/fieldStaticMap.spec.js
index a610156a..3a9e1424 100644
--- a/test/unit/specs/fields/fieldStaticMap.spec.js
+++ b/test/unit/specs/fields/fieldStaticMap.spec.js
@@ -21,11 +21,11 @@ describe("fieldStaticMap.vue", function() {
 			label: "Geo",
 			model: "geo"
 		};
-		let model = { 
+		let model = {
 			geo: {
 				lat: 13.4567,
 				lng: 20.3321
-			} 
+			}
 		};
 		let input;
 
diff --git a/test/unit/specs/fields/fieldSubmit.spec.js b/test/unit/specs/fields/fieldSubmit.spec.js
index 3300226d..e34b58f5 100644
--- a/test/unit/specs/fields/fieldSubmit.spec.js
+++ b/test/unit/specs/fields/fieldSubmit.spec.js
@@ -37,7 +37,7 @@ describe("fieldSubmit.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("submit");
-			expect(input.value).to.be.equal("Submit form");	
+			expect(input.value).to.be.equal("Submit form");
 		});
 
 		it("should not call validate if validateBeforeSubmit is false", () => {
@@ -46,11 +46,11 @@ describe("fieldSubmit.vue", function() {
 			field.$parent.validate = cb;
 
 			input.click();
-			expect(cb.called).to.be.false;	
-			expect(schema.onSubmit.calledOnce).to.be.true;	
-			expect(schema.onSubmit.calledWith(model, schema)).to.be.true;	
+			expect(cb.called).to.be.false;
+			expect(schema.onSubmit.calledOnce).to.be.true;
+			expect(schema.onSubmit.calledWith(model, schema)).to.be.true;
 		});
-		
+
 
 		it("should call validate if validateBeforeSubmit is true", () => {
 			schema.validateBeforeSubmit = true;
@@ -59,9 +59,9 @@ describe("fieldSubmit.vue", function() {
 			field.$parent.validate = cb;
 
 			input.click();
-			expect(cb.called).to.be.true;	
-			expect(schema.onSubmit.called).to.be.false;	
-		});	
+			expect(cb.called).to.be.true;
+			expect(schema.onSubmit.called).to.be.false;
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldSwitch.spec.js b/test/unit/specs/fields/fieldSwitch.spec.js
index db494896..3a90ae39 100644
--- a/test/unit/specs/fields/fieldSwitch.spec.js
+++ b/test/unit/specs/fields/fieldSwitch.spec.js
@@ -34,12 +34,12 @@ describe("FieldSwitch.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("checkbox");
-			expect(input.disabled).to.be.false;	
+			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
@@ -53,7 +53,7 @@ describe("FieldSwitch.vue", function() {
 		it("should set disabled", (done) => {
 			field.disabled = true;
 			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
+				expect(input.disabled).to.be.true;
 				done();
 			});
 		});
@@ -61,7 +61,7 @@ describe("FieldSwitch.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.status = false;
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -72,7 +72,7 @@ describe("FieldSwitch.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.status).to.be.true;	
+				expect(model.status).to.be.true;
 				done();
 			});
 
@@ -121,7 +121,7 @@ describe("FieldSwitch.vue", function() {
 
 		it("check input value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
@@ -129,7 +129,7 @@ describe("FieldSwitch.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.sex = "male";
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -140,11 +140,11 @@ describe("FieldSwitch.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.sex).to.be.equal("female");	
+				expect(model.sex).to.be.equal("female");
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldText.spec.js b/test/unit/specs/fields/fieldText.spec.js
index 371f1adb..92de28a1 100644
--- a/test/unit/specs/fields/fieldText.spec.js
+++ b/test/unit/specs/fields/fieldText.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldText from "src/fields/fieldText.vue";
@@ -19,8 +19,9 @@ describe("fieldText.vue", function() {
 			type: "text",
 			label: "Name",
 			model: "name",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { name: "John Doe" };
 		let input;
@@ -37,38 +38,29 @@ describe("fieldText.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("John Doe");	
+				expect(input.value).to.be.equal("John Doe");
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.name = "Jane Doe";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Jane Doe");	
+				expect(input.value).to.be.equal("Jane Doe");
 				done();
 			});
 
@@ -79,7 +71,7 @@ describe("fieldText.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.name).to.be.equal("John Smith");	
+				expect(model.name).to.be.equal("John Smith");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldTextArea.spec.js b/test/unit/specs/fields/fieldTextArea.spec.js
index de475870..852f42b8 100644
--- a/test/unit/specs/fields/fieldTextArea.spec.js
+++ b/test/unit/specs/fields/fieldTextArea.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldTextArea from "src/fields/fieldTextArea.vue";
@@ -20,9 +20,9 @@ describe("fieldTextArea.vue", function() {
 			type: "textarea",
 			label: "Description",
 			model: "desc",
-			readonly: false,
+			max: 500,
 			placeholder: "Field placeholder",
-			max: 500
+			readonly: false
 		};
 		let model = { desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." };
 		let input;
@@ -38,48 +38,39 @@ describe("fieldTextArea.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 			expect(input.rows).to.be.equal(2);	// default value is 2
-			expect(input.maxLength).to.be.equal(500);	
+			expect(input.maxLength).to.be.equal(500);
 		});
 
 		it("should change rows to 4", (done) => {
 			field.$set("schema.rows", 4); // To be reactive
 			vm.$nextTick( () => {
-				expect(input.rows).to.be.equal(4);	
+				expect(input.rows).to.be.equal(4);
 				done();
 			});
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(model.desc);	
+				expect(input.value).to.be.equal(model.desc);
 				done();
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			let attributes = ["disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
 		it("input value should be the model value after changed", (done) => {
 			model.desc = "Jane Doe";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Jane Doe");	
+				expect(input.value).to.be.equal("Jane Doe");
 				done();
 			});
 
@@ -90,7 +81,7 @@ describe("fieldTextArea.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.desc).to.be.equal("John Smith");	
+				expect(model.desc).to.be.equal("John Smith");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index 5f4cda32..09c2f578 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -47,8 +47,8 @@ describe("fieldVueMultiSelect.vue", function() {
 			expect(input.classList.contains("multiselect--disabled")).to.be.false;
 		});
 
-		it("should contain option elements", () => {					
-			let options = input.querySelectorAll("li.multiselect__option");			
+		it("should contain option elements", () => {
+			let options = input.querySelectorAll("li.multiselect__option");
 			expect(options.length).to.be.equal(schema.values.length);
 			expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
 			expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
@@ -67,9 +67,9 @@ describe("fieldVueMultiSelect.vue", function() {
 			model.city = "Rome";
 			vm.$nextTick( () => {
 				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(1);
-				let options = input.querySelectorAll("li.multiselect__option");			
+				let options = input.querySelectorAll("li.multiselect__option");
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
-				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;
 				done();
 			});
 		});
@@ -80,17 +80,17 @@ describe("fieldVueMultiSelect.vue", function() {
 				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(2);
 				let options = input.querySelectorAll("li.multiselect__option");
 				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
-				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
-				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;
 				done();
 			});
 		});
 
 		it("model value should be the input value if changed", (done) => {
 			let options = input.querySelectorAll("li.multiselect__option");
-			trigger(options[2], "mousedown");			
-			
+			trigger(options[2], "mousedown");
+
 			vm.$nextTick( () => {
 				expect(model.city.length).to.be.equal(1);
 				expect(model.city[0]).to.be.equal("Paris");
diff --git a/test/unit/specs/util.js b/test/unit/specs/util.js
index ab16d9c1..0a4d1cff 100644
--- a/test/unit/specs/util.js
+++ b/test/unit/specs/util.js
@@ -1,3 +1,4 @@
+import { expect } from "chai";
 import Vue from "vue";
 
 export function trigger (el, event, args) {
@@ -43,5 +44,36 @@ export function createVueField(test, type, schema = {}, model = null, disabled =
 	});
 	let field = vm.$refs.field;
 
-	return [ el, vm, field ];
-}
\ No newline at end of file
+	return [el, vm, field];
+}
+
+export let attributesList = {
+	"autocomplete": { before: "on", after: "off" },
+	"disabled": { before: true, after: false, field: true },
+	"multiSelect": { before: true, after: false, name: "multiple" },
+	"placeholder": { before: "Field placeholder", after: "" },
+	"readonly": { before: true, after: false, name: "readOnly" }
+
+};
+
+export function checkAttribute(name, vm, input, field, schema, done) {
+
+	let schematic;
+	let attr = attributesList[name];
+
+	if (attr.field) {
+		schematic = field;
+	} else {
+		schematic = schema;
+	}
+	schematic[name] = attr.before;
+	vm.$nextTick(() => {
+		if (attr.name) {
+			expect(input[attr.name]).to.be.equal(schematic[name]);
+		} else {
+			expect(input[name]).to.be.equal(schematic[name]);
+		}
+		schematic[name] = attr.after;
+		return done();
+	});
+}