ساخت فرم با متن مخفي شونده توسط ماوس
خوب ميخوام يه كد بزارم كه اين روزا خيلي مورد استفاده هست
شايد تو يه سايت ديده باشيد كه وقتي تو يه 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>
