зачем используем тег <a> не по назначению
<style>
.link {
border:none;
background-color: transparent;
text-decoration: underline;
color: #476C8E;
}
.link:hover {
cursor: pointer;
}
.link:focus {
outline: none;
}
</style>
</head>
<body>
<input type="button" onclick="openForm(this)" value="Нажми меня" class="link">
<script>
var openForm = function (el) {
el.disabled = 1;
setTimeout(function () {
alert(1);
el.disabled = 0;
}, 3000);
};
</script>
</body>