Maxlength for input type

Hi I have the following in my html form:
Code:

<input type="text" name="product_staisfication" id="product_staisfication" maxlength="2" readonly="readonly">



Unfortunately, the "maxlength" isn't working. It is showing up a long text box. How do I fix this?

 

Edit: I checked
<input type="text" maxlength=2> and <input type="text" maxlength="2"> , both are working..