Why don't <textarea> and <input> elements respect max-width?

Question

The following HTML:

Answer 1

Most browsers respect max-width, but INPUT and TEXTAREA elements typically have a width set by default in the user agent CSS. You can add this CSS for a consistent rendering:

input,textarea{width:100%;display:block}