رفتن به مطلب

چگونه در این فیلد متن بنویسیم ؟


پست های پیشنهاد شده

سلام

لطفا این سایت رو ببینید:

http://farnet.ir/

تقریبا سمت چپ سایت یکم که بیاید پایین فیلد خبرنامه هست. که نوشته:

مشترک خبرنامه شوید

با وارد نمودن آدرس ایمیل خود مشترک خبرنامه ما شوید و از جدیدترین اخبار از طریق ایمیل خود آگاه شوید.

توی اون قسمت پایینش که باید ایمیل رو وارد کنیم به صورت پیش فرض نوشته "آدرس ایمیل شما"

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

من این کادر رو می تونم درست کنم و مشکلی باهاش ندارم. مشکلم فقط با متن پیش فرض داخلش هست. وقتی من پیش فرض متنی توش می ذارم این متنه می مونه و با کلیک کردن داخل کادر نمیره !

می خوام این کادر خبرنامه ام مثل این سایت وقتی داخلش کلیک می کنیم که ایمیل رو وارد کنیم ، متن پیش فرض بره و کادر خالی بشه

چیکار باید بکنم دوستان ؟

لینک به ارسال

اون موقع که طراحی کردیم از جاوااسکریپت بهره بردیم.

الان شما میتونید از خاصیت placeholder در html5 استفاده کنید.

http://www.w3schools.com/tags/att_input_placeholder.asp

  • امتیاز 3
لینک به ارسال

من کد اون ابزارک رو دارم با نرم افزار front page درست می کنم

با این نرم افزار دکمه ای برای اینکار نداره که راحت تر باشه و نخوام خودم کدش رو در بیارم ؟

لینک به ارسال


<form id="subf" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Farnet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="input" type="text" id="subs" name="email" value=" آدرس ایمیل شما ..." onfocus="if (this.value == ' آدرس ایمیل شما ...') {this.value = '';}" onblur="if (this.value == '') {this.value = ' آدرس ایمیل شما ...';}" />
<input type="hidden" value="Farnet" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" class="submit" id="subb" value=" تایید " />
</form>

این رو از همون سایت برداشتم شما میتونید الگو برداری کنید

البته اگر خلاف قوانین هست! معذرت میخوام ازتون!

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...