Textbox
Basic usage
<input type="hidden" id="name" />
<script>
aweui.txt({
id: 'name',
placeholder: 'type here...'
});
</script>
Numeric textbox
<input type="hidden" id="numeric" value="123" />
<script>
aweui.txt({
id: 'numeric',
numeric: true
});
</script>
Formatting display value
The display value is shown when the textbox is not focused. You can show a display value that differs to the actual one, here's an example:
<input type="hidden" id="price" value="123" />
<script>
aweui.txt({
id: 'price',
formatFunc: formatUSD
});
function formatUSD(val){
return val + ' USD'; // the textbox will display '123 USD'
}
</script>
Properties
id | input id |
placeholder | textbox placeholder |
formatFunc | function used to render the textbox display value |
enb | enabled state (default true) |
numeric | numeric textbox, accepts as value a bool or an options object |
Numeric options properties
decimals | number of decimals to allow, 0 for unlimited |
step | numeric value to add/subtract when hitting up/down button |
max | max value |
min | min value ( default 0 ) |
allowNegative | allow negative numbers |
showSpinners | show up/down buttons (default true) |
Comments
