DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/ui/ListWidget.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 UI.ListWidget = class extends UI.VBox {
   /**
    * @param {!UI.ListWidget.Delegate} delegate
    */
@@ skipping 307 matching lines @@
   }
 
   /**
    * @param {string} name
    * @param {string} type
    * @param {string} title
    * @param {function(*, number, (!HTMLInputElement|!HTMLSelectElement)):boolean} validator
    * @return {!HTMLInputElement}
    */
   createInput(name, type, title, validator) {
-    var input = /** @type {!HTMLInputElement} */ (createElement('input'));
-    input.type = type;
+    var input = /** @type {!HTMLInputElement} */ (UI.createInput('', type));
     input.placeholder = title;
     input.addEventListener('input', this._validateControls.bind(this, false), false);
     input.addEventListener('blur', this._validateControls.bind(this, false), false);
     this._controlByName.set(name, input);
     this._controls.push(input);
     this._validators.push(validator);
     return input;
   }
 
   /**
@@ skipping 73 matching lines @@
 
   _cancelClicked() {
     var cancel = this._cancel;
     this._commit = null;
     this._cancel = null;
     this._item = null;
     this._index = -1;
     cancel();
   }
 };