Add comprehensive `.form-control` example(/testcase) to docs

Created by: cvrebert

Put all the textual input types right next to each other for easy visual comparison. Basically adds a testcase for #17308 (closed), #18763 (closed). CC: @patrickhlauke @mdo