MD-INPUT Elements
Material design form elements.
Markup
```html
<![CDATA[
<form class="form-width">
<md-input label="First Name" type="text" data-id="input1"></md-input>
<md-textarea label="Message" disable-resize="true" data-id="text1"></md-textarea>
<md-radio-list>
<md-radio label="Orange" css-class="concentric" data-name="fruits" data-value="Orange" data-id="Orange" data-checked="true"></md-radio>
<md-radio label="Apple" data-name="fruits" data-value="Apple" data-id="Apple"></md-radio>
<md-radio label="Banana" data-name="fruits" data-value="Banana" data-id="Banana"></md-radio>
</md-radio-list>
<md-checkbox data-id="check1" data-name="chkName" label="Save Entry" data-checked=true readonly="true"></md-checkbox>
<md-switch data-id="switch1" data-name="switch" data-checked="true"></md-switch>
<md-range data-id="range1" data-name="range" data-value="20"></md-range>
<md-select data-id="select1" data-name="select1">
<select>
<option>Select Name</option>
<option>Bob</option>
<option>Steve</option>
<option>Lisa</option>
</select>
</md-select>
<md-input-icon-button icon="schedule" data-id="iconbutton1" label="Set Schedule"></md-input-icon-button>
</form>
]]>
```
Documentation
MD-INPUT
Public Properties
label
{String}
input label
default:
null
placeholder
{String}
input placeholder
default:
null
type
{String}
input type
default:
text
required
{Boolean}
default:
false
icon
{String}
the icon prefix
default:
null
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataValue
{String}
declarative set input value
default:
null
value
{String}
gets/sets input value
default:
null
disabled
{Boolean}
default:
false
readonly
{Boolean}
default:
false
MD-TEXTAREA
Public Properties
label
{String}
input label
default:
null
placeholder
{String}
input placeholder
default:
null
required
{Boolean}
default:
false
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataValue
{String}
declarative set input value
default:
null
value
{String}
gets/sets input value
default:
null
disabled
{Boolean}
default:
false
readonly
{Boolean}
default:
false
disableResize
{Boolean}
default:
false
MD-CHECKBOX
Public Properties
label
{String}
input label
default:
null
cssClass
{String}
css fill class
default:
none
alt:'filled'
required
{Boolean}
default:
false
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataChecked
{Boolean}
declarative set input checked
default:
null
checked
{Boolean}
gets/sets input checked
default:
null
disabled
{Boolean}
default:
false
MD-RADIO
Public Properties
label
{String}
input label
default:
null
cssClass
{String}
css fill class
default:
none
alt:'concentric'
required
{Boolean}
default:
false
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataChecked
{Boolean}
declarative set input checked
default:
null
checked
{Boolean}
gets/sets input checked
default:
null
disabled
{Boolean}
default:
false
MD-SWITCH
Public Properties
required
{Boolean}
default:
false
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataChecked
{Boolean}
declarative set input checked
default:
null
checked
{Boolean}
gets/sets input checked
default:
null
disabled
{Boolean}
default:
false
MD-RANGE
Public Properties
min
{Number}
min value
default:
0
max
{Number}
man value
default:
100
required
{Boolean}
default:
false
dataId
{String}
input DOM id
default:
null
dataName
{String}
input DOM name
default:
null
dataValue
{String}
declarative set input value
default:
null
value
{String}
gets/sets input value
default:
null
disabled
{Boolean}
default:
false
MD-SELECT
Public Properties
label
{String}
input label
default:
null
icon
{String}
dropdown arrow icon
default:
arrow-drop-down
required
{Boolean}
default:
false
dataId
{String}
select DOM id
default:
null
dataName
{String}
select DOM name
default:
null
dataValue
{String}
declarative set select value
default:
null
value
{String}
gets/sets select value
default:
null
disabled
{Boolean}
default:
false
MD-INPUT-ICON-BUTTON
Public Properties
label
{String}
input label
default:
null
placeholder
{String}
input placeholder
default:
null
icon
{String}
button icon
default:
arrow-drop-down
required
{Boolean}
default:
false
dataId
{String}
select DOM id
default:
null
dataName
{String}
select DOM name
default:
null
dataValue
{String}
declarative set select value
default:
null
value
{String}
gets/sets select value
default:
null
disabled
{Boolean}
default:
false
readonly
{Boolean}
default:
false