<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link href="Content/bootstrap.min.css" rel="stylesheet" /> <script src="Scripts/jquery-1.10.2.min.js"></script> <script src="Scripts/bootstrap.min.js"></script> </head> <body> <form id="form1" runat="server"> <div class="col-md-12"> <div class="form-group"> <label class="col-sm-3 control-label">文本框：</label> <div class="col-sm-9"> <input type="text" name="" class="form-control" placeholder="请输入文本"> <span class="help-block m-b-none">说明文字</span> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">密码框：</label> <div class="col-sm-9"> <input type="password" class="form-control" name="password" placeholder="请输入密码"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">下拉列表：</label> <div class="col-sm-9"> <select class="form-control" name=""></select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">文件域：</label> <div class="col-sm-9"> <input type="file" name="" class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">纯文本：</label> <div class="col-sm-9"> <p class="form-control-static">这里是纯文字信息</p> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">单选框：</label> <div class="col-sm-9"> <label class="radio-inline"> <input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios">选项1</label> <label class="radio-inline"> <input type="radio" value="option2" id="optionsRadios2" name="optionsRadios">选项2</label> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">复选框：</label> <div class="col-sm-9"> <label class="checkbox-inline"> <input type="checkbox" value="option1" id="inlineCheckbox1">选项1</label> <label class="checkbox-inline"> <input type="checkbox" value="option2" id="inlineCheckbox2">选项2</label> <label class="checkbox-inline"> <input type="checkbox" value="option3" id="inlineCheckbox3">选项3</label> </div> </div> </div> </form> </body> </html>