2022
我们一起努力

bootstrap如何禁用按钮

使用bootstrap实现禁用按钮的方法:1.新建html文件,引入bootstrap;2.在文件中按钮;3.设置disabled属性禁用按钮;

具体步骤如下:

1.首先,新建一个html文件,并在文件中引入bootstrap;

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<link rel="stylesheet" href="bootstrap.min.css">

<style></style>

</head>

<body>

</body>

</html>

2.bootstrap引入后,在文件中添加一个按钮;

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<link rel="stylesheet" href="bootstrap.min.css">

<style></style>

</head>

<body>

<button type="button" >按钮</button>

</body>

</html>

3.最后,按钮添加好后,为按钮添加一个class类,设置disabled属性即可禁用按钮;

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<link rel="stylesheet" href="bootstrap.min.css">

<style></style>

</head>

<body>

<button type="button"  class="disabled">按钮</button>

</body>

</html>

赞(0)
文章名称:《bootstrap如何禁用按钮》
文章链接:https://www.fzvps.com/80816.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!