see Article at blog.ueffing.net
<textarea class="visualizeConsumption form-control" rows="2" maxlength="10">
<input type="text" class="visualizeConsumption form-control" maxlength="10">
<input type="email" class="visualizeConsumption form-control" maxlength="10">
<input type="password" class="visualizeConsumption form-control" maxlength="10">
<input type="search" class="visualizeConsumption form-control" maxlength="10">
<input type="tel" class="visualizeConsumption form-control" maxlength="10">
<input type="url" class="visualizeConsumption form-control" maxlength="10">
<select class="visualizeConsumption form-control" data-maxlength="3" multiple>
select
maxlength
data-maxlength