امتیاز دهید:

در این بخش قصد داریم تا در ادامه مبحث فرم های اچ تی ام ال (HTML) به بررسی دو Attribute دیگر بپردازیم. برای این منظور کد زیر را وارد ویرایشگر متن خود می کنیم:

<!DOCTYPE html>
<html>
     <head>
     
   <meta charset="utf-8">         <title>Netshahr</title>     </head>          <body>         <form action="send-form-information.php" method="post">             <input type="text" name="firstName" placeholder="نام شما">             <input type="text" name="lastName" placeholder="نام خانوادگی شما">         </form>     <//body> </html>

در برخی از فرم های اینترنتی می بینیم که متنی معمولاً به رنگ خاکستری داخل فیلدهای فرم قرار می گیرد که به کاربر نشان دهد که در آن فیلد چه چیزی بایستی وارد شود. نکته اینجا است که برای خلاف Attribute یی به نام value که مقداری واقعی را برای هر خانه از فرم در نظر می گرفت، placeholder فقط کلمه یا عبارتی را به کاربر نشان می دهد و به محض شروع به تایپ کردن روی خانه ای از فرم که حاوی Attribute یی به نام placeholder است، عبارت داخل خانه از بین خواهد رفت. برای روشن شدن این موضوع فایل را داخل مرورگر اجرا می کنیم:

placehoder attribute in html forms


نظرات
نظرات
  • در جواب سوال آقای محمد
    بعد از placeholder="" این کد رو وارد کن :
    onblur="if(this.placeholder=='') this.placeholder='search ...';" onfocus="if(this.placeholder=='search ...') this.placeholder='';"
    به جای "search ..." عبارتی رو که مایلی تایپ بشه وارد کن


    1393/04/30 19:20:06
  • بهزاد مرادی :

    سلام،
    این کار را می توان با کدهای جاوااسکریپت هم انجام داد. با یک سرچ ساده در گوگل می توانید پاسخ مناسب را بیابید.


    با سپاس فراوان
    بهزاد مرادی


    1393/04/21 13:02:33
  • محمد :

    پوزش بابت اسپم
    واسه اینکه وقتی تو کادر کلیک میکنی اون نوشته از بین بره، نه فقط زمانی که مینویسی،بلکه همون کلیک اول پاک بشه
    باید چیکار کنیم؟!
    ممنون


    1393/04/21 10:03:14