输入框点击时边框变色效果的实现方法_input点击边框变色 - CSDN文库

108 浏览量更新于2023-05-03 评论收藏 21KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

输入框点击时边框变色效果的实现方法输入框点击时边框变色效果的实现方法

实例如下：实例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="textml; charset=utf-8" />

<title>输入框点击时边框变色效果</title>

</head>

<body>

<style type="text/css">

.focusInput {border:1px solid #99CC33;}

</style>

<script type="text/javascript">

function focusInput(focusClass) {

var elements = document.getElementsByTagName("input");

for (var i=0; i < elements.length; i++) {

if (elements[i].type != "button" && elements[i].type != "submit" && elements[i].type != "reset") {

elements[i].onfocus = function() { this.className = focusClass; };

elements[i].onblur = function() { this.className = ''; };

}

}

}

window.onload = function () {

focusInput('focusInput');

}

</script>

请输入姓名：<input type="text" />

</body>

</html>

以上就是小编为大家带来的输入框点击时边框变色效果的实现方法全部内容了，希望大家多多支持软件开发网~

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38699757

粉丝: 4
资源: 1027

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈