ایجاد تغییرات در textinput [بایگانی] - MajidOnline Forums
جشنواره نوروزی فروشگاه اینترنتی مجید آنلاین

PDA

بازدید نسخه کامل شده : ایجاد تغییرات در textinput

hidensoft
21 آبان 1386, 20:47
سلام
اول از همه بگم که منظورم از inputtext همون کادر متنی هست
چطوری می شه توی یه کادر متنی تغییرات ایجاد کرد ؟
مثلا با رفتن موس روی اون رنگ حاشیه تغییر بکنه .. یا حاشیه رو عوض کرد ؟
echessdesign
21 آبان 1386, 23:28
درود بر شما
بدین شکل در نظر داشتید؟ :


<!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="text/html; charset=utf-8" />
<title>echessdesign.com</title>
<style type="text/css">
.txt-in {
border:1px fuchsia double;
width:150px;
background:maroon
}
.txt-out {
border:1px dotted lime;
width:150px;
background:green;
}
</style>
</head>


<body>

<form action="" method="post">
<input type="text" name="echessdesign" class="txt-out" onmouseover="this.className='txt-in'" onmouseout="this.className='txt-out'" />
</form>

</body>

</html>
hidensoft
21 آبان 1386, 23:33
بله منظورم همین بود ولی بصورت زیبا و گرافیکی