图片 1

Bootstrap关于表单,bootstrap复选框和单选按钮

一、系统预订

复选框和单选按钮标签包含在<Label>标签中
<div >     <label><input type="checkbox" value="">选项 1</label>  </div>  <div >     <label><input type="checkbox" value="">选项 2</label>  </div>

<div >     <label>        <input type="radio" name="optionsRadios" id="optionsRadios1"            value="option1" checked> 选项 1     </label>  </div>  <div >     <label>        <input type="radio" name="optionsRadios" id="optionsRadios2"            value="option2">           选项 2 - 选择它将会取消选择选项 1     </label>

内联的复选框和单选按钮,

1。基础表单

条件软件下载后存放地点:X:/Server_Tools

  • 对一多级复选框和单选框使用 .checkbox-inline 或 .radio-inline class,调节它们展现在同一行上。

表单中广大的因素重要总结:文件输入框下拉精选框、单选开关、复选按键文本域按钮等。

情形软件安装地方:X:/Server_Core

在Bootstrap框架中,通过定制了叁个类名`form-control`,也正是说,要是那多少个要素运用了类名“form-control”,将会促成都部队分布置上的定制效果。

PHP安装地方:X:/Server_Core/PHP

<div>     <label >        <input type="checkbox" id="inlineCheckbox1" value="option1"> 选项 1     </label>     <label >        <input type="checkbox" id="inlineCheckbox2" value="option2"> 选项 2     </label>     <label >        <input type="checkbox" id="inlineCheckbox3" value="option3"> 选项 3     </label>     <label >        <input type="radio" name="optionsRadiosinline" id="optionsRadios3"            value="option1" checked> 选项 1     </label>     <label >        <input type="radio" name="optionsRadiosinline" id="optionsRadios4"            value="option2"> 选项 2     </label>  </div>

基架自动创建的Create 视图的代码:
<!doctype html>  <html lang="en">  <head>      <meta charset="UTF-8">   <title>基础表单</title>   <link rel="stylesheet"  >  </head>  <body>  <form role="form">    <div >      <label for="exampleInputEmail1">邮箱:</label>      <input type="email"  id="exampleInputEmail1" placeholder="请输入您的邮箱地址">    </div>    <div >      <label for="exampleInputPassword1">密码</label>      <input type="password"  id="exampleInputPassword1" placeholder="请输入您的邮箱密码">    </div>    <div >      <label>        <input type="checkbox"> 记住密码      </label>    </div>    <button type="submit" >进入邮箱</button>  </form>   </body>  </html>  

MySQL安装地方:X:/Server_Core/MySQL

如要是一个指标的分子是枚举类型,基架的
Create视图会自动生成枚举类型的下拉菜单。 @Html.EnumDropDownListFor(model
=> model.NotificationType, htmlAttributes: new { @class =
“form-control” })

 效果如下:

Zend Optimizer安装地方:X:/Server_Core/Zend

<div >
@Html.LabelFor(model => model.NotificationType, htmlAttributes: new {
@class = “control-label col-md-2” })
<div >
@Html.EnumDropDownListFor(model => model.NotificationType,
htmlAttributes: new { @class = “form-control” })

图片 1

IIS网址站点根目录:X:/wwwroot

 


MySQL 数据库地方:X:/Database

就算如此上面用的是@Html.EditorFor方法,然而MVC框架能识别它是三个boolean类型,因而,会选拔checkbox来渲染视图。

Php.ini存放地方:X:/Windows/php.ini

<div >
@Html.LabelFor(model => model.IsDismissed, htmlAttributes: new {
@class = “control-label col-md-2” })
<div >
<div >
@Html.EditorFor(model => model.IsDismissed)
@Html.ValidationMessageFor(model => model.IsDismissed, “”, new {
@class = “text-danger” })
</div>
</div>
</div>

My.ini 存放地方:X:/Server_Core/MySQL/my.ini

@Html.ValidationMessageFor(model => model.NotificationType, “”, new {
@class = “text-danger” })
</div>
</div>

二、系统意况检查以及希图所需软件


1. 检查系统是还是不是已设置IIS

单击:”伊始”-”处理工科具”,检查是或不是存在” Internet 消息服务(IIS)管理器 “

2. 翻看磁盘分区体积并规定使用政策

开垦”作者的微管理器”,查看除 C
区外种种磁盘分区的可用空间体量,使用容积相当大的磁盘分区作为 WEB
根目录,且 MySQL 数据仓库储存款和储蓄目录(Database),尽量不要与 WEB
根目录同在二个磁盘分区内。相当的小的磁盘分区能够看成劳务条件软件的设置目录分区。

3. 下载意况软件

将有着软件均下载存放于Server_Tools文件夹中。

MySQL-essential-5.0.45-win32.msi

php-5.2.4-Win32.zip

ZendOptimizer-3.3.0-Windows-i386.exe

三、蒙受安插

1.安装MySQL

(1) 安装软件

进入 X:/Server_Tools 文件夹,双击 MySQL-essential-5.0.45-win32.msi
;如下图所示:

图片 2

选择 Custom 自定义安装,如下图所示:

图片 3

点击”Change”改动 MySQL 安装目录,如下图所示:

图片 4

待文件复制安装收尾后,举行 MySQL 设置分界面,单击 Finish 。如下图所示:

图片 5

挑选 Detailed Configuration 进行详细布置,如下图所示:

图片 6

分选 MySQL 运维情势:Server Machine 如下图所示:

图片 7

挑选 MySQL 数据库私下认可存款和储蓄方式:Non-Trans Only ( MYISAM) 如下图所示:

图片 8

设定 MySQL 最安卡拉接数:一般安装为 128 – 512 之间的莫西干发型。如下图所示:

图片 9

设定 MySQL 互联网参数,注意:不要启用 Strict Mode!如下图所示:

图片 10

发表评论