代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
padding: 50px;
}
.container {
padding: 40px 80px 15px 80px;
background-color: #fff;
border-radius: 8px;
max-width: 800px;
}
.heading {
text-align: center;
}
.btn {
outline: none !important;
color:white;
}
.btn.btn-primary {
background-color: #5c4084;
border-color: #5c4084;
outline: none;
}
.btn.btn-primary:hover {
background-color: #442f62;
border-color: #442f62;
}
.btn.btn-primary:active, .btn.btn-primary:focus {
background-color: #684895;
border-color: #684895;
}
.btn.btn-primary .fa {
padding-right: 4px;
}
.form-group {
margin-bottom: 25px;
text-align: left;
}
</style>
</head>
<body translate="no">
<div class="container" id="app">
<div class="form-group">
<input type="text" class="form-control" ref="search" placeholder="Focus On Me" />
</div>
<div class="form-group">
<button type="button" class="btn btn-primary btn-block" @click="setFocus()">Set Focus</button>
</div>
</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<script>
new Vue({
el: '#app',
data: {},
methods: {
setFocus: function () {
// Note, you need to add a ref="search" attribute to your input.
this.$refs.search.focus();
}
}
});
</script>
</body>
</html>
网友回复
如何让ai帮我自动在小红书或抖音上自动根据需求截流与潜在客户聊天拉客?
如果用go编写一个在virtualbox中启动的简单操作系统?
go如何搭建一个零信任网络?
如何用python实现一个公网代理访问软件?
如何用go实现一个公网代理访问软件?
如何用python实现一个内网穿透打洞程序,实现内网的80端口暴露到公网上可以访问?
如何用go实现一个内网穿透打洞程序,实现内网的80端口暴露到公网上可以访问?
何为Shadowsocks 代理?
python如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间?
nodejs如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间?


