diff --git a/scripts/h5peditor-text.js b/scripts/h5peditor-text.js
index 8d20c72..5ad3257 100644
--- a/scripts/h5peditor-text.js
+++ b/scripts/h5peditor-text.js
@@ -70,7 +70,7 @@ ns.Text.prototype.change = function (callback) {
 ns.Text.prototype.createHtml = function () {
   const id = ns.getNextFieldId(this.field);
   const descriptionId = (this.field.description !== undefined ? ns.getDescriptionId(id) : undefined)
-  var input = ns.createText(this.value, this.field.maxLength, this.field.placeholder, id, descriptionId);
+  var input = ns.createText(this.value, this.field.maxLength, this.field.placeholder, this.field.autocomplete, this.field.autocapitalize, this.field.style, id, descriptionId);
   return ns.createFieldMarkup(this.field, input, id);
 };
 
diff --git a/scripts/h5peditor.js b/scripts/h5peditor.js
index 27b1353..f01eba6 100644
--- a/scripts/h5peditor.js
+++ b/scripts/h5peditor.js
@@ -918,7 +918,7 @@ ns.createOption = function (value, text, selected) {
  * @param {number} [describedby]
  * @returns {String}
  */
-ns.createText = function (value, maxLength, placeholder, id, describedby) {
+ns.createText = function (value, maxLength, placeholder, autocomplete, autocapitalize, style, id, describedby) {
   var html = '<input class="h5peditor-text" type="text"';
 
   if (id !== undefined) {
@@ -937,6 +937,18 @@ ns.createText = function (value, maxLength, placeholder, id, describedby) {
     html += ' placeholder="' + placeholder + '"';
   }
 
+  if (autocomplete !== undefined) {
+    html += ' autocomplete="' + autocomplete + '"';
+  }
+
+  if (autocapitalize !== undefined) {
+    html += ' autocapitalize="' + autocapitalize + '"';
+  }
+
+  if (style !== undefined) {
+    html += ' style="' + style + '"';
+  }
+
   html += ' maxlength="' + (maxLength === undefined ? 255 : maxLength) + '"/>';
 
   return html;