Inputfield

Visual

image-inputfield
image-inputfield

A normal inputfield, styled to match the dizmo theme.

Data type

<input id="my-input" type="text" data-type="dizmo-input" placeholder="Text">

Usage

Manual initialization

DizmoElements('#my-input').dinput();

To get the current inputfield value:

var data=DizmoElements('#my-input').val();

To get the inputfield value after the focus has shifted:

DizmoElements('#my-input').on('blur',function(){
    var data=DizmoElements('#my-input').val();
});

A special variant of an input field is the Browse button that acts as a File Selector. Use the type file to enable it.

<input id="file_selector" type="file">

You can read more how to handle uploaded files in your dizmo here.