做课堂笔记



在网站中，网页总是需要与用户进行沟通和沟通，尤其是当用户操作上下文为用户提供有效的警告框时，如告诉用户成功的操作、操作错误、提示或警告等，如下图所示：



在引导框架中有一个独立的组件来实现上述效果，这称为警告框。

默认的警告框

引导框架通过警报样式实现警告框效果。默认情况下，提供四种不同的警告。

1，成功警告框：告诉用户操作成功，在警报样式的基础上添加警报成功风格，并显示背景、边框和文本是绿色的。

2、信息提示框：为用户提供提示信息，在警报样式的基础上增加报警信息样式，显示背景、边框和文字都是浅蓝色。

3、警告警告框：提示用户小心操作（提供警告信息），在警报样式的基础上增加警报警告样式，并显示背景、边框和文字都是浅黄色。

4、错误提示框：提示用户操作错误，在警报样式的基础上添加警告危险样式，并显示背景、边框和文本都是浅红色。



如下：




具体使用时，可以将提示信息放入名为警报的div容器中。为了实现另一种类型的警告框，只需在警报的基础上添加相应的类名，如下所示：


祝贺你的成功！
请输入正确的密码
你失败了两次，还有最后一次机会。
对不起，您输入的密码不正确。



可关闭的警告框

浏览网页时，会发现一些带有关闭按钮的警告框。如果用户点击关闭按钮，他们可以自动关闭警告框（也就是说，警告框隐藏）。

使用方法uff1a



只需在默认警告框中添加一个关闭按钮。然后有三个步骤：

1，你需要在基本报警箱报警基础上添加警告件风格。

2，在按钮标签中添加类关闭类来实现警告框关闭按钮的样式。

3，确保自定义按钮属性设置在关闭按钮元素上：数据删除=警报（因为关闭警报框需要Javaｓｃｒｉｐｔ的帮助来检测属性，从而控制警告框的关闭）。

具体用途如下：



Times;
祝贺你的成功！




链接到警告框

有时你可能想添加一个链接地址一个警告框，告诉用户跳转到一个地方或一个新的页面，在这个时候你希望用户能够清楚地看到，这是链接地址。在引导框架，突出显示的过程是在警告框联系方式。不同类型的警告链接增厚，颜色加深，因此。



实现方法：



引导框架通过向警告框添加一个链接来添加一个名为警报链接的类名，通过警报链接样式为链接提供一个明亮的显示。

具体用途如下：



做得好!
你成功地读
这个重要警告信息
。


头上的！
这
警觉需要你的注意
但这不是非常重要的。


警告！
最好检查一下自己，你是
看起来不太好
。


哦卡！
把一些事情改一下
然后再尝试提交。






以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。