代码如下
<!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>
网友回复
webgl与webgpu有啥不同?
Zero Trust的Tunnels怎么设置泛域名解析及http服务获取当前访问域名?
Spec Coding(规范驱动编码)和 Vibe Coding(氛围编程)有啥区别?
如何在国内服务器上正常运行未备案的域名网站?
Cloudflared 和WARP Connector有啥不同?
有没有让本地开源大模型越狱的方法或插件啥的?
如何使用Zero Trust的Tunnels技术将局域网电脑web服务可以公网访问呢?
编程领域ai大模型的排名是怎么样的?
如何修改别人发给我的微信笔记内容?
fbx、obj、glb三维格式模型如何在浏览器中通过three相互转换格式?


