آموزش زبان HTML (جلسه ۶۴)

آشنایی با Attribute های placeholder و name در فرم های اچ تی ام ال (HTML)

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

<!DOCTYPE html>
<html>
     <head>
     <br>        <meta charset="utf-8">
        <title>asrefonon</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

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)

پیشنهاد لحظه ای
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

توسط
تومان