Forms Last modified: July 26, 2013 Bootstrap Form Helpers Very Good Site. Lots of options for forms. Bootsnip Form Builder Form builder. Forms Forms on the right are have the .well class to demonstrate what they look like. Default form Legend Label name Example block-level help text here. Check me out Submit Cancel Legend Label name Example block-level help text here. Check me out Submit Cancel Search form Search Search Search Search Inline form Log in Remember me Sign in Log in Remember me Sign in Horizontal form Log in Email Password Remember me Submit Cancel Log in Email Password Remember me Submit Cancel Inputs Text input Uneditable input Try to edit me! Text area Check boxes Option A Option B Radio buttons Option A Option B Inline check boxes Option A Option B Option C Selects Option AOption BOption COption DOption E Option AOption BOption COption DOption E Prepended and appended inputs @ .00 $ .00 Buttons instead of text Submit Submit ? Help Search Options Fire Missles! Button dropdowns Action Action Another action Something else here Separated link Action Action Another action Something else here Separated link Action Action Another action Something else here Separated link Action Action Another action Something else here Separated link Segmented dropdown groups Action Action Another action Something else here Separated link Action Action Another action Something else here Separated link Search form Search Search Control sizing Block level inputs Relative sizing Grid sizing ABCDE Option AOption BOption COption DOption E Option AOption BOption COption DOption E Help text Inline help Inline help text Block help A longer block of help text that breaks onto a new line and may extend beyond one line. Form control states Focus these inputs to see what they look like. Input focus Invalid input Disabled input Validation states Input with warning Something may have gone wrong Input with error Please correct the error Input with info Username is taken Input with success Woohoo!
Recent Comments