你能否用HTML+JS+CSS做一个输入正确验证码并写出代码
时间: 2024-01-15 11:03:18 浏览: 23
当然可以。以下是一个示例代码:
HTML:
```
<form>
<label for="captcha">请输入验证码:</label>
<input type="text" id="captcha" name="captcha">
<button type="button" onclick="checkCaptcha()">提交</button>
<span id="result"></span>
</form>
```
JS:
```
function checkCaptcha() {
var input = document.getElementById("captcha").value;
var pattern = /^[A-Za-z0-9]{5}$/; // 验证码为5位数字或字母
if (!pattern.test(input)) {
document.getElementById("result").innerHTML = "验证码不正确";
return;
}
// 此处应该有代码验证输入的验证码是否与正确的验证码匹配
// 如果匹配成功,将结果显示在页面上
document.getElementById("result").innerHTML = "验证成功";
}
```
CSS:
```
label {
display: inline-block;
width: 100px;
text-align: right;
}
input[type="text"] {
width: 200px;
margin-right: 10px;
}
button {
margin-left: 10px;
}
#result {
color: red;
margin-left: 10px;
}
```