<body style= "Padding:50px;background-color: #ccc;" > <formclass= "Form-horizontal"> <divclass= "Form-group"> <label for= "username"class= "Col-md-2 Control-label"> User name:</label> <divclass= "col-md-10"> <input type= "Text"class= "Form-control"Id= "username"placeholder= "Please enter user name" > </div> </div> <div class= "Form-group" > <labelclass= "Col-md-2 Control-label" for= "password" > password:</label> <divclass= "col-md-10"> <input type= "Text"class= "Form-control"id= "Password" placeholder= "Please enter password" > </div> </div> <divclass= "Form-group"> <labelclass= "Col-md-2 Control-label" for= "Inputfile" > File input:</label> <divclass= "col-md-10"> <input type= "file" id= "Inputfile" > <pclass= "Help-block"> Here is an example of block-level help text. </p> </div> </div> <divclass= "Form-group"> <labelclass= "Col-md-2 Control-label"> Hobbies:</label> <div class= "col-md-10" > <labelclass= "Checkbox-inline"><input type= "checkbox" > Painting </label> <label class= "Checkbox-inline" ><input type= CheckBox > Sports </label> <label class= "checkbox-inline" ><input type= "checkbox" > Singing &L t;/label> <label class= "checkbox-inline" ><input type= "checkbox" > Art </label> </div> </div> <div class= "Form-group" > <label class= "Co L-md-2 Control-label "> Education:</label> <div class=" col-md-10 "> <labelclass= "Radio-inline"><input type= "Radio" > Junior </label> <label class= "radio-inline" ><input type= "Radio "> High School </label> <label class=" radio-inline "><input type=" Radio "> University </label> <label class= "Radio-inline" ><input type= "Radio" > Master </label> </div> </div> <div class= "Form-group" > <labelclass= "Col-md-2 Control-label"> Profile:</label> <div class= "col-md-10" > <textarea class= "Form-control" Rows= "5" placeholder= "Please enter your personal information:" ></textarea> </div> </div><div class= "col-md-10 col-md-offset-2" ><button type= "Submit" class= "BTN Btn-danger" > Submit </button> </div> </form> < ;/body>
As follows:
It's here today, and tomorrow's mission is:
Task 1, put this part of the system again;
Task 2: Take the third day of the course to see if there is still a fourth day, some words to find, no words to the following self-read;
3, very important task: senior to the task;
Use the Bootstrap UI framework to draw a small page yourself and see how it works?
Evening of May 29, 2016 (Bootstrap note five (Form 2))
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
