@extends('admin/layouts/default') {{-- Page title --}} @section('title') Form Layouts @parent @stop {{-- page level styles --}} @section('header_styles') @stop {{-- Page content --}} @section('content') Form Layouts Dashboard Forms Form Layouts Form Actions 2 Columns Form Striped Form Full Example Form Actions On Top Submit Cancel Username Email Password Phone Number Address Message Form Actions On Bottom Username Email Password Phone Number Address Message Submit Cancel Form Actions On Top & Bottom Submit Cancel Username Email Password Phone Number Address Message Submit Cancel Left Aligned Submit Cancel Username Email Password Phone Number Address Message Submit Cancel Right Aligned Submit Cancel Username Email Password Phone Number Address Message Submit Cancel Form 2 Columns Default First Name First name is too small Password Password strength: Weak Email Please enter a valid email address Second Name Second name is too small Confirm Password Password mis-match Confirm Email Email mis-match Signup Personal Details Horizontal First Name: Email: Password: Date of Birth: Date 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Month 1 2 3 4 5 6 7 8 9 10 11 12 Year 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2000 2011 2012 2013 2014 2015 2016 2017 2018 Zip Code: City: Send me latest news and updates. Last Name: Phone: Confirm Password: Address: Gender: Male Female I agree to the Terms and Conditions . Submit Reset Form 2 Columns Readonly Personal First Name : Jenny Last Name : Kerry Email : Jenny321@example.com Gender : Female Birthday : 10.11.1980 Phone : 321-333-5432 Address Address 1 : 1219 Quiet Subdivision Address 2 : 3536 Petunia Way States : Canada City : Canada Post Code : 7987678 Conditions : True Form Bordered Striped Static Static text Text Email Password Disabled Textarea Select Please select Bootstrap CSS Javascript HTML Multiple Option #1 Option #2 Option #3 Option #4 Option #5 Option #6 Option #7 Option #8 Option #9 Option #10 Radios HTML CSS Javascript Inline Radios HTML CSS Javascript Checkboxes HTML CSS Javascript Inline Checkboxes HTML CSS Javascript File Multiple File Submit Reset Form Seperated Row Striped Static Static text Text Email Password Disabled Textarea Select Please select Bootstrap CSS Javascript HTML Multiple Option #1 Option #2 Option #3 Option #4 Option #5 Option #6 Option #7 Option #8 Option #9 Option #10 Radios HTML CSS Javascript Inline Radios HTML CSS Javascript Checkboxes HTML CSS Javascript Inline Checkboxes HTML CSS Javascript File Multiple File Submit Reset Form Bordered Static Static text Text This is a help text Email Password Disabled Textarea Select Please select Bootstrap CSS Javascript HTML Multiple Option #1 Option #2 Option #3 Option #4 Option #5 Option #6 Option #7 Option #8 Option #9 Option #10 Radios HTML CSS Javascript Inline Radios HTML CSS Javascript Checkboxes HTML CSS Javascript Inline Checkboxes HTML CSS Javascript File Multiple File Submit Reset Vertical Form Layout Email Password Remember me Login Inline Form Layout Email Password Remember me Login Static Form Control Email Mail harrypotter@mail.com Password Pwd Remember me Login Grid sizing of Inputs, Textareas and Select Boxes Select Select Select Creating Button Dropdowns Action Action Another action Separated link Action Action Another action Separated link Action Action Another action Something else here Separated link Action Action Another action Something else here Separated link Creating Disabled Inputs Email Password Pwd Remember me Login Supported Form Controls in Twitter Bootstrap Email: Password: Pwd: Confirm Password: Confirm Pwd: First Name: Last Name: Phone: Date of Birth: Date 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Month 1 2 3 4 5 6 7 8 9 10 11 12 Year Year 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2000 2011 2012 2013 2014 2015 2016 2017 2018 Address: Zip Code: Gender: Male Female Send me latest news and updates. I agree to the Terms and Conditions . Horizontal Form Layout Example Email Password Pwd Remember me Login General Controls Static Static text Text This is a help text Email Password Disabled Textarea Select Please select Bootstrap CSS Javascript HTML Multiple Option #1 Option #2 Option #3 Option #4 Option #5 Option #6 Option #7 Option #8 Option #9 Option #10 Radios HTML CSS Javascript Inline Radios HTML CSS Javascript Checkboxes HTML CSS Javascript Inline Checkboxes HTML CSS Javascript File Multiple File Submit Reset Height Sizing of Input Groups Twitter Bootstrap Form Validation States Username Username is available Password Password strength: Weak Email Please enter a valid email address Login Username Username is available Password Password strength: Weak Email Please enter a valid email address Login Bootstrap Form Inputs Email Address Password Validation Email Validation Password Checkbox Left Checkbox right Radio on left Radio on right Static Paragraph email@example.com Readonly Submit Cancel Reset @stop {{-- page level scripts --}} @section('footer_scripts') @stop
Jenny
Kerry
Jenny321@example.com
Female
10.11.1980
321-333-5432
1219 Quiet Subdivision
3536 Petunia Way
Canada
7987678
True
Static text
harrypotter@mail.com
email@example.com