首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

input 框子样式

2012-11-05 
input 边框样式1、input 边框样式input typetextidnamevalue只能输入数字maxlength5onKeyp

input 边框样式

1、input 边框样式

<input type="text"

id=""

name=""

value="只能输入数字"

maxlength="5"

onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"

style="border:1px solid;border-color:#00ff00;background:#ff0000" >

?

2、动态改变边框颜色

<HTML>
<HEAD>
<TITLE>鼠标移上去改变边框颜色 </TITLE>
<style type="text/css">
<!--
.output-body1{border:1px solid #ff0000;}
.output-body2{border:0px;}?
-->
</style></head>

?<BODY>
? <input type="text" id="test" value="1111111" onmousemove="showborder(this)" onmouseout="hiddborder(this)">
?</BODY>
</HTML>
<script>
function showborder(obj)
{
?obj.className="output-body1";
}
?
function hiddborder(obj)
{
?obj.className="output-body2";
}?
</script>

?

热点排行