DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeToolbar.js

 // Copyright 2016 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
  */
 Emulation.DeviceModeToolbar = class {
   /**
    * @param {!Emulation.DeviceModeModel} model
    * @param {!Common.Setting} showMediaInspectorSetting
@@ skipping 75 matching lines @@
     this._deviceSelectItem = new UI.ToolbarMenuButton(this._appendDeviceMenuItems.bind(this));
     this._deviceSelectItem.setGlyph('');
     this._deviceSelectItem.turnIntoSelect(95);
     toolbar.appendToolbarItem(this._deviceSelectItem);
   }
 
   /**
    * @param {!UI.Toolbar} toolbar
    */
   _fillMainToolbar(toolbar) {
-    var widthInput = createElementWithClass('input', 'device-mode-size-input');
+    var widthInput = UI.createInput('device-mode-size-input', 'text');
     widthInput.maxLength = 4;
-    widthInput.type = 'text';
     widthInput.title = Common.UIString('Width');
     this._updateWidthInput =
         UI.bindInput(widthInput, this._applyWidth.bind(this), Emulation.DeviceModeModel.deviceSizeValidator, true);
     this._widthInput = widthInput;
     this._widthItem = this._wrapToolbarItem(widthInput);
     toolbar.appendToolbarItem(this._widthItem);
 
     var xElement = createElementWithClass('div', 'device-mode-x');
     xElement.textContent = '\u00D7';
     this._xItem = this._wrapToolbarItem(xElement);
     toolbar.appendToolbarItem(this._xItem);
 
-    var heightInput = createElementWithClass('input', 'device-mode-size-input');
+    var heightInput = UI.createInput('device-mode-size-input', 'text');
     heightInput.maxLength = 4;
-    heightInput.type = 'text';
     heightInput.title = Common.UIString('Height (leave empty for full)');
     this._updateHeightInput = UI.bindInput(heightInput, this._applyHeight.bind(this), validateHeight, true);
     this._heightInput = heightInput;
     this._heightItem = this._wrapToolbarItem(heightInput);
     toolbar.appendToolbarItem(this._heightItem);
 
     /**
      * @param {string} value
      * @return {boolean}
      */
@@ skipping 466 matching lines @@
             this._emulateDevice(device);
             return;
           }
         }
       }
     }
 
     this._model.emulate(Emulation.DeviceModeModel.Type.Responsive, null, null);
   }
 };