html搜索框中警告框如何查看信息和删除

怎样去掉js弹出框的标题,改成自己的提示
[问题点数:10分,结帖人luocheng0123]
本版专家分:106
结帖率 100%
CSDN今日推荐
本版专家分:26587
本版专家分:4637
本版专家分:5894
本版专家分:2305
本版专家分:594
本版专家分:12248
本版专家分:12248
本版专家分:874
本版专家分:48
匿名用户不能发表回复!
其他相关推荐Bootstrap警告框的详细介绍
原创
 13:51:33
283
警告框(Alert)消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框(Alert)插件,您可以向所有的警告框消息添加可取消(dismiss)功能。用法您可以有以下两种方式启用警告框的可取消(dismissal)功能:通过 data 属性:通过数据 API(Data API)添加可取消功能,只需要向关闭按钮添加 data-dismiss=&alert&,就会自动为警告框添加关闭功能。默认用法  警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息  将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框,.alert 类是必须要设置的,另外还提供了有特殊意义的4个类(例如,.alert-success),代表不同的警告信息.alert {
padding: 15
margin-bottom: 20
border-radius: 4
}.alert h4 {
margin-top: 0;
}.alert .alert-link {
font-weight:
}.alert & p,
.alert & ul {
margin-bottom: 0;
}.alert & p + p {
margin-top: 5
}  警告框没有默认类,只有基类和修饰类。默认的灰色警告框并没有多少意义。所以您使用一种有意义的警告类。目前提供了成功、消息、警告和危险  1、成功警示框:告诉用户操作成功,在“alert”样式基础上追加“alert-success”样式,具体呈现的是背景、边框和文本都是绿色;  2、信息警示框:给用户提供提示信息,在“alert”样式基础上追加“alert-info”样式,具体呈现的是背景、边框和文本都是浅蓝色;  3、警告警示框:提示用户小心操作(提供警告信息),在“alert”样式基础上追加“alert-warning”样式,具体呈现的是背景、边框、文本都是浅黄色;  4、错误警示框:提示用户操作错误,在“alert”样式基础上追加“alert-danger”样式,具体呈现的是背景、边框和文本都是浅红色&div class=&alert& role=&alert&&基类&/div&&div class=&alert alert-success& role=&alert&&成功&/div&&div class=&alert alert-info& role=&alert&&信息提示&/div&&div class=&alert alert-warning& role=&alert&&警告&/div&&div class=&alert alert-danger& role=&alert&&错误&/div&可关闭  在平时浏览网页的时候,会发现一些警示框带有关闭按钮,用户一点击关闭按钮就能自动关闭显示的警示框(也就是让警示框隐藏不显示)。在Bootstrap框架中的警示框也具有这样的功能  只需要在默认的警示框里面添加一个关闭按钮。然后进行三个步骤:  1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。  2、在button标签中加入class=&close&类,实现警示框关闭按钮的样式。  3、要确保关闭按钮元素上设置了自定义属性:data-dismiss=&alert&(因为可关闭警示框需要借助于Javascript来检测该属性,从而控制警示框的关闭).alert-dismissable {
padding-right: 35
}.alert-dismissable .close {
right: -21
}链接  有时可能想在警示框中加入链接地址,用来告诉用户跳到某一个地方或新的页面。而这个时候又想让用户能明显的看出来这是链接地址。在Bootstrap框架中对警示框里的链接样式做了一个高亮显示处理。为不同类型的警示框内的链接进行了加粗处理,并且颜色相应加深  Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名,通过“alert-link”样式给链接提供高亮显示 .alert .alert-link {
font-weight:
}.alert-success .alert-link {
color: #2b542c;
}.alert-info .alert-link {
color: #245269;
}.alert-warning .alert-link {
color: #66512c;
}.alert-danger .alert-link {
color: #843534;
}&div class=&alert alert-success& role=&alert&&成功 &a href=&#& class=&alert-link&&详情查看&/a&&/div&&div class=&alert alert-info& role=&alert&&信息提示 &a href=&#& class=&alert-link&&详情查看&/a&&/div&&div class=&alert alert-warning& role=&alert&&警告 &a href=&#& class=&alert-link&&详情查看&/a&&/div&&div class=&alert alert-danger& role=&alert&&错误 &a href=&#& class=&alert-link&&详情查看&/a&&/div&以上就是Bootstrap警告框的详细介绍的详细内容,更多请关注php中文网其它相关文章!
江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。
PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...
点击数(111085)
ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...
点击数(109023)
《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。
点击数(83671)
本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。
点击数(82869)
所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...
点击数(80093)
PHP开发工程师
文章总浏览数
相关视频章节首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好!
下面是API,呵呵,官方抄袭过来的,为了自己看着方便。
layer API之键值(仅在需要时配置,未配置的会用默认)
层的皮肤编号,值为整数型。目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer.css),你可配置该参数。
层的类型。0:信息框(默认),1:页面层,2:iframe层,3:加载层,4:tips层。此为重要参数,不同类型层类型的总开关,调用时必须设置。
shade : [0.5 , '#000' , true]
控制遮罩。0.5:遮罩透明度,&#′:遮罩颜色,true:是否遮罩(否:false)
shadeClose : false
用来控制点击遮罩区域是否关闭层。(是:true)。
fix : true,
层是否固定在可视区域。否:false
move : ['.xubox_title' , true]
控制层拖拽。’.xubox_title’:拖拽绑定事件所在元素选择器(默认为标题栏),true:是否允许拖拽(否:false)
title : ['信息' , true]
控制标题栏。’信息’:标题栏文字,true:是否显示标题栏(否:false)
offset : ['220px' , '50%']
控制层坐标。&#px’:纵坐标,’50%’:横坐标。 需要注意的是,像素必须带px单位,百分比不需要。该参数灵活运用,可助你实现诸多特效。
area : ['310px' , 'auto']
控制层宽高。&#px’:宽,’auto’:高。 当设置为auto时,意味着采用自适应, 当然,对于宽度,并不推荐您这样做。
closeBtn : [0 , true]
控制层右上角关闭按钮。0:关闭按钮风格(1:风格2),当标题栏不存在时,自动切换为风格2。 true:是否显示关闭按钮(否:false)
自动关闭等待秒数,整数值。也许它可以助你做蛮多事,想象一下吧。
border : [10 , 0.3 , '#000', true]
10:边框大小,0.3:边框透明度,&#′:边框颜色,true:是否显示边框(否:false)。通过它您可以任意配置边框,譬如你觉得边框碍眼,赶紧启用[0,0,'',false]吧
控制层堆叠顺序(z-index)。整数值,默认是贤心的生日。合理设置它,可以避免与其它插件的层级冲突
maxWidth : 400
最大宽度。整数值。当宽度设为auto时才有用。
fadeIn : [300 , false]
控制层的渐显。300:渐显频率,false:是否开启渐显(默认不开启,true:开启) 从来都觉得这参数形同虚设。
btn : ['确定', '取消'],
yes : function(index){ },
no : function(index){ }
信息框层模式提供的私有参数。使用时,按需配置即可
btns : 按钮的个数。提供了0-2的选择
btn : [按钮一的文本值 , 按钮二的文本值]
type : 图标类型,提供了0-10的选择,也许有你喜欢的。
msg : 信息框内容,重要参数
yes : 按钮一的回调函数
no : 按钮二的回调函数
dom: '#xulayer',
页面层模式私有参数。dom:需要弹出的html片段所对应的选择器( 或 id,推荐用id,确保唯一)。需要注意的是,html优先级高于dom,这意味着,当你一旦配置了html的非空值,将优先采用html中的元素弹出,并且不支持area的自适应模式,你必须配置宽高值。html参数为layer-v1.5.1开始新增。
src: 'http://sentsin.com'
iframe层模式私有参数。src:要打开的网址。使用率非常高,尤其是对于喜欢用iframe的同学。
loading : {type : 0}
加载层私有属性。type:loading图标类型(提供了0-3的选择,试试吧,看看有无你喜欢的)。一般配合使用
follow: '',
style: ['tips自定义样式', '三角形颜色']
tips小提示层私有属性。msg:提示内容,follow:触发事件对应的选择器。 guide:指引方向(0:上下,1:左右)。[自定义样式示例] style: ['background-color:#FFF8ED; color:#000; border:1px solid #FF9900', '#FF9900']]。layer-v1.5.1开始,对tips逐渐有了较为完善的支持,提供了上下和左右模式,可智能识别指引方向。
success : function(layer){}
层弹出成功后的回调函数
close : function(index){}
层右上角关闭按钮的回调函数。
end : function(){}
层被彻底关闭后执行的回调函数。它的存在让close回调成为浮云。
layer API之内置方法
$.layer({})
核心接口,参数是一个对象,对象属性参见上述列表。诸如layer.alert()之类的为$.layer()的包装方法。
获取版本号。
layer.ready(callback)
layer中的样式文件装载完毕后执行的方法,一般用于页面加载时调用layer,这样可避免样式未加载即调用层导致的错乱。 示例:
layer.ready(function(){
layer.msg('Hello Layer');
layer.alert()
对单按钮信息框的重新封装,layer.alert(alertMsg , alertType, alertTit , alertYes),四个参数,alertMsg:信息内容(文本),alertType:提示图标(整数,0-10的选择),alertTit:标题(文本),alertYes:按钮的回调函数。 如:layer.alert(‘前端攻城师贤心’)
layer.confirm()
对询问框的重新封装,layer.confirm(conMsg? , conYes , conTit , conNo),四个参数,conMsg:信息内容(文本),conYes:按钮一回调,conTit:标题(文本),conNo:按钮二的回调。??????????????????? 如:
layer.confirm('确定删除?', function(){
layer.msg('删除成功!')
layer.msg()
对无标题栏信息框层的重新封装,layer.msg(msgText , msgTime , msgType , callback),四个参数,msgText:信息内容(文本),msgTime:自动关闭所需等待秒数(默认2秒),msgType:提示图标(整数,0-10的选择),callback:自动销毁后的回调函数。如:layer.msg(‘嗨,伙计,我是layer’)
layer.tips()
对tips层的重新封装,layer.tips(html , follow , time , maxWidth, guide, style),四个参数,html:信息内容(文本),follow:触发事件对应的选择器,time:自动关闭所需等待秒数,maxWidth:最大宽度,guide: 0(上下模式)或者1(左右模式) style: tips样式(参加api表格一中的style属性)如:
$('.demo').click(function(){
layer.tips('这是小提示',this);
layer.load()
对加载层的重新封装,layer.load(loadTime , loadgif , loadShade),三个参数,loadTime:自动关闭所需等待秒数(0时则不自动关闭),loadgif:加载图标(整数,0-3的选择),loadShade:是否遮罩(true 或 false)。如:layer.load(0);
layer.getChildFrame(selector)
获取子iframe中的DOM。非常实用,父窗口操作iframe中内容时可以大显神威。如:layer.getChildFrame(‘body’).html() //得到iframe的body的全部html元素
layer.getFrameIndex()
获取iframe层的索引。 如在iframe页中关闭自身:
var i = parent.layer.getFrameIndex();
parent.layer.close(i);
layer.close(index)
用于手动关闭层。参数为layer的索引值。索引即通过弹出方法返回的值。如:
var i = $.layer({}); //或者 var i = layer.alert();之类的也可返回索引
layer.close('i');
layer.shift(type , rate)
layer弹出时内置动画,type:动画类型,供四种中选择,左上:’left-top’,右上:’right-top’,左下:’left-bottom’,右下:’right-bottom’ 。 rate:动画频率,毫秒。 如:
success : function(){
layer.shift('right-bottom' , 400);
layer.autoArea(index)
用来处理在层中宽高改变时,重新自适应层宽高。必填参数为层的索引值
layer.iframeAuto()
用于让iframe层自适应。非常实用,详见官网实例演示之iframe子父操作。
layer.setMove()
当拖拽元素改变时,可用此方法重新初始化拖拽。
自由转载,转载请注明: 转载自 www.chhua.com
本文链接地址:
http://www.chhua.com/web-note4188已解决问题
html里输入框和密码框的提示文字怎么弄?
提问时间: 00:27:29
html里输入框和密码框的提示文字怎么弄?
浏览次数:8313
该答案已经被保护
有时候我们需要在登陆表单有一些提示语言,比如&请输入用户名&和&请输入密码&等语言,至于用户名好说,但是在密码框中出现&请输入密码&这样的语言就有点麻烦了,因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题,如果input已经存在于页面中的话,在IE8和IE8以下浏览器中,type属性是只读的。所以就得想其他办法,代码如下:
以上代码实现了我们的要求,可以出现明码的提示,当输入密码的时候就是以密码方式输入。& & &有些重要的文件或比较隐私的文件存放在电脑上,这些文件我们只希望自己能看到并使用,不希望别人访问。那么,最好的办法就是去对这些文件进行加密。&br/&&br/&   方法一:   1、如果要打开&Windows 资源管理器&,请单击&开始&程序&附件&,然后单击&Windows 资源管理器&。选中&加密内容以便保护数据&复选框。&br/&&br/&   3、 解压之后右键点击下载下来的文件locker.bat,选择&编辑&(注意不是打开),找到&你的密码在这改&这一行,把这几个字删除,改成你自己设的密码,比如123456,那一行代码就会变成if NOT %pass%== 123456 goto FAIL保存文件。
答案创立者
以企业身份回答&
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题html中警告框如何查看信息和删除_百度知道
html中警告框如何查看信息和删除
点查看时如何以竖排形式显示当前排信息出来,点删除时如何删除当前排信息。...
点查看时如何以竖排形式显示当前排信息出来,点删除时如何删除当前排信息。
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
无畏无知者
来自科学教育类芝麻团
无畏无知者
采纳数:7363
获赞数:10319
参与团队:
整成字符串,字段之间加回车换行符,如 001+\n+张三+\n+30---大概意思啊;然后将字符串输出到文本框就是了;删除就是清空文本框内容即可;
我录不起歌总出消息警告!叫我去安全中心!权限管里!能做的都做了!还是去不悼!也录不起歌!我用尽了提示!还是录不起歌!边删不悼消息警告
为你推荐:
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}

我要回帖

更多关于 html警告框 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信