Disabled frother controls are not disabled enough

When a frother control is "disabled", it really just means there's an element that overlays the field so it can't be clicked in to.

Naturally, this isn't "disabling" the field.

It's still possible to interact with it by:

• Using the keyboard to tab in to the field.
• Clicking the field's placeholder label, should it contain text that's larger than the allotted area for the placeholder label (an aside: why is this a label and not the html5 placeholder attribute?)

And because the form control is not disabled (i.e., it does not inherit the 'disabled' HTML attribute), its value will still be submitted to the server.

Please:

• Disable the form field itself by adding a disabled="disabled" attribute to it.
• Confine the width and height of the placeholder label such that it lives wholly inside the frother control.
• Add an overflow: ellipsis to the placeholder label.