按钮

HTML规范

由 走远了吗. 提交于 2020-02-07 07:47:38
HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范 整体结构 【页面头部】 1、文件应以<!DOCTYPE…>首行顶格开始，推荐使用 <!DOCTYPE html> 2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码 <meta charset="utf-8"> 3、根据页面内容和需求填写适当的keywords和description <meta name="description" content="不超过150个字符"> <meta name="keywords" content=""> 4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后 <head> <meta charset="UTF-8"> <title>页面标题</title> </head> 【资源引入】 1、保证 favicon 可访问 <link rel="shortcut icon" href="path/to/favicon.ico"> 2、引入 CSS 和 JavaScript 时无须指明 type 属性 3、引入 CSS 时必须指明 rel=

跨域问题，防止表单重复提交，防止XSS攻击

由 回眸只為那壹抹淺笑 提交于 2020-02-07 07:24:00
跨域问题 1.设置请求头 代码： b_prokect < input type = "text" name = "username" id = "username" > < input type = "button" value = "提交" name = "button" id = "button" > < script type = "text/javascript" src = "js/jquery-1.8.3.min.js" > < / script > < script > $ ( function ( ) { $ ( "#button" ) . click ( function ( ) { //获取文本框值 var username = $ ( "#username" ) . val ( ) ; $ . ajax ( { url : "http://localhost:8080/a/AServlet" , data : { "username" : username } , type : "post" , success : function ( result ) { alert ( result ) ; } } ) } ) } ) ; < / script > a_prokect—Aservlet @Override protected void doPost (

Bootstrap学习笔记(二) 表单

由 牧云@^-^@ 提交于 2020-02-07 04:37:45
在 Bootstrap学习笔记（一） 排版 的基础上继续学习Bootstrap的表单，编辑器及head内代码不变。 3-1 基础表单 　　 单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 　　在Bootstrap框架中，通过定制了一个类名` form-control `，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。　　 　　 1、宽度变成了100% 　　2、设置了一个浅灰色（#ccc）的边框 　　3、具有4px的圆角 　　4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 　　5、设置了placeholder的颜色为#999 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱</label> <input type="email" class="form-control" id="exampleInputEmail" placeholder="请输入您的邮箱地址"> </div> <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class=

Bootstrap--下拉菜单.dropdown

由 故事扮演 提交于 2020-02-07 04:37:16
下拉菜单.dropdown .dropdown <下拉菜单触发器button+下拉菜单ul> .dropdown　　　　包裹层 .dropdown-toggle 　　 下拉菜单触发器 　　　　data-toggle="dropdown 自定义属性 可以与js关联起来 .dropdown-menu 　　下拉菜单 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a

Bootstrap之表单

由 ε祈祈猫儿з 提交于 2020-02-07 04:35:36
基础表单 表单中常见的元素主要包括： 文本输入框 、 下拉选择框、单选按钮、复选按钮 、 文本域 和 按钮 等。 当然表单除了这几个元素之外，还有 input 、 select 、 textarea 等元素，在Bootstrap框架中，通过定制了一个类名` form-control `，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 注意：类名“ .form-control ”是添加在 input、select上面的。只控制输入框的样式。 注意：当 input 的类型是 checkbox 或者 radio 时，<label> 是包裹住了 <input> 的>。 水平表单 Bootstrap框架默认的表单是 垂直显示风格 ，但很多时候我们需要的 水平表单风格 （标签居左，表单控件居右）见下图。 <form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label"

Bootstrap-1

由 主宰稳场 提交于 2020-02-07 04:29:04
在页面开发中，一个表单有多个输入项，根据权限判断，需要将页面所有输入框进行禁用，可以将整个form放到一个fieldset, <fieldset disabled> 字体图标 无数可复用的组件， 按钮组，下拉菜单，按钮式下菜单 <div class="container"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> 请选择<span class="caret"></span> </button> <ul class="dropdown-menu" role="meun" aria-labelledby="dropdownMenu1"> <li > <a href="#" role="menuitemradio">一</a> </li> <li > <a href="#" role="menuitemradio">一</a> </li> <li > <a href="#" role="menuitemradio">一</a> </li> <li > <a href="#" role="menuitemradio">一</a> </li> </ul> </div> </div> 来源： https://www

bootstrap 按钮

由 孤者浪人 提交于 2020-02-07 04:28:37
一、按钮工具栏（btn-toolbar） <div class="btn-toolbar"> 　　<div class="btn-group"> 　　　　<button type="button" class="btn btn-default"> 　　　　　　<span class="glyphicon glyphicon-star"></span><!--图标的引用--> 　　　　</button> 　　　　<button type="button" class="btn btn-default"> 　　　　　　<span class="glyphicon glyphicon-ok"></span><!--图标的引用--> 　　　　</button> 　　</div> </div> 二、按钮嵌套分组（实现导航效果，水平方向） <div class="btn-group"> 　　<button type="button" class="btn btn-default">首页</button> 　　<button type="button" class="btn btn-default">产品展示</button> 　　　　<div class="btn-group"> 　　　　　　<button type="button" class="btn btn-default

bootstrap:按钮，下拉菜单

由 随声附和 提交于 2020-02-07 04:27:55
'btn'：加按钮样式 btn-small btn-large:调整按钮大小 btn-primary....:调整按钮风格 btn-group :声明这是一个按钮组 <span class='caret'></span>:上图的三角形图标元素 按钮、按钮大小、按钮风格<br> <div class=''> <a class='btn' href='javascript:;'>常规按钮</a> <a class='btn btn-small' href='javascript:;'>小按钮</a> <a class='btn btn-large' href='javascript:;'>主要按钮</a> <a class='btn btn-primary' href='javascript:;'>primary</a> <a class='btn btn-danger' href='javascript:;'>danger</a> <a class='btn btn-warning' href='javascript:;'>warning</a> <a class='btn btn-success' href='javascript:;'>success</a> <a class='btn btn-info' href='javascript:;'>info</a> <a class

Bootstrap学习 Form

由 ￣綄美尐妖づ 提交于 2020-02-07 04:24:02
总觉得Form这个东西怎么弄都行，弄弄就知道越弄越难弄了。老实儿地学学bootstrap的做法吧，—.—！ 如下html表现为label在上，input在下的样式。 form-group设置了margin， form-control控制的input等输入控件设置了其width为100%， 这就导致了和label不在一条线上。 <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </div> form设定样式form-inline并没有为form设定什么样式，而是用来定位里面的内容的 .form-inline .form-group被设置成为：display: inline-block; .form-inline .form-control被设置成为： display: inline-block; 所以下面的HTML表现为所有的内容在一条线上。。。 <form class="form-inline" role="form"> <div class="form-group"> <label class
订阅 按钮