PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ساخت فرم با متن مخفي شونده توسط ماوس



ehsansystem
June 14th, 2011, 11:26
خوب ميخوام يه كد بزارم كه اين روزا خيلي مورد استفاده هست

شايد تو يه سايت ديده باشيد كه وقتي تو يه text box كليك ميكنيد متنش ميره
وقتي يه جايه ديگه كليك ميكنيد دوباره مياد اينم همونه

اميد وارم از اين كد HTML- JAVA لذت ببريد


<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>منو </title>

<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- JavaScript -->
<!--[if lt IE 9]>
<![endif]-->
<style>
#boxsize button, #boxsize input, #boxsize select, #boxsize textarea {
width: 200px;
border: 1px solid #333;
}
.style1 {
text-align: center;
}
.style2 {
font-family: Tahoma;
}
.text {
font-size: 10pt;
color: #000000;
}
.head {
background-color: #CCFFFF;
}
.box {
background-color: #99CCFF;
}
</style>
</head>
<body>
<header>
<hgroup>
</hgroup>
</header>
<form>
<div class="style1">
<fieldset class="head">
<span class="style2" lang="fa">فرم شماره 1<br></span></fieldset>

<fieldset id="boxsize" class="box">
<div class="style1">
<br>
<input placeholder="text" type="text" class="text"><br></div>
<div class="text">
<input placeholder="email" type="email" class="text"><br></div>
<div class="text">
<input placeholder="search" type="search" class="text"><br></div>
<div class="text">
<input placeholder="http://" type="url" class="text"><br></div>
<div class="text">
<input placeholder="password" type="password" class="text"><br></div>

<div class="text">
<input placeholder="color" type="color" class="text"></div>
<div class="text">
</div>
</fieldset>
</div>
</form>

</body></html>