手机微信小程序流程_输入框点击时边框变色效果

输入框点击时边框变色效果的实现方法     投稿:jingxian   下面小编就为大家带来一篇输入框点击时边框变色效果的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html xmlns="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 

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