زمینه برای input

[esmahdi]

سلام من می خوام یه زمینه برای تگ input داشته باشم که وقتی با موس روش کلیک می کنم اون زمینه غیب بشه.


76627

[tux-world]

.searchBox{
background-image:url('images/magnifying-glass.gif');
background-repeat:no-repeat;
padding-left:20px;
}


<input type="text" name="search" class="searchBox">


این هم از نوع پیشرفته همونی که میخواستید:

input[type=text], select, textarea {
border-top: 1px #acaeb4 solid;
border-left: 1px #dde1e7 solid;
border-right: 1px #dde1e7 solid;
border-bottom: 1px #e3e9ef solid;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 2px;
}
input[type=text]:hover, select:hover, textarea:hover, input[type=text]:focus, select:focus, textarea:focus {
border-top: 1px #5794bf solid;
border-left: 1px #c5daed solid;
border-right: 1px #b7d5ea solid;
border-bottom: 1px #c7e2f1 solid;
}
select { border: 1px; }

[erfansmart]

با سلام:خجالت:
شما می توانید با ()onfocus این رو انجام بدی.

[blackmak]

شما با میتونید با placeholder هک اینکارو بکنید اگه محتوای background فقط text میخواهید باشه .به این صورت:


<input type='text' name='name' placeholder='عبارت مورد جستجو' >