خواص فیلدهای ورودی در فرم HTML

value

خصوصیت value در فرم HTML

خصوصیت value مقدار اولیه یک فیلد ورودی را در فرم HTML مشخص می کند. تمام فیلدهایی که در خروجی نمایش داده می شوند و می خواهند به سرور ارسال شوند به این تگ مربوط هستند. اگر این فیلد توسط کاربر پر نشود مقدار پیش فرض آن نمایش داده می شود. نحوه نوشتن خصوصیت value در فرم HTML به صورت زیر است:

خصوصیت readonly در فرم HTML

خصوصیت readonly در فرم HTML بیان می کند که فیلد ورودی فقط خواندنی است. یعنی کاربر نمی تواند آن را تغییر دهد. مانند قطعه کد زیر:

فیلدهای با صفات فقط خواندنی، به مقدار نیاز ندارند. این مثل این است که بنویسیم، “readonly= “readonly

خصوصیت disabled در فرم HTML

خصوصیت disabled در فرم HTML بیان می کند که فیلد ورودی غیر فعال است. المان disabled غیر قابل استفاده و غیر قابل کلیک می باشد. در واقع این ویژگی دسترسی به عنصر را قطع می کند و کاربر قادر به وارد کردن اطلاعات و یا انتخاب عنصر در فرم HTML نمی باشد. disabled در check box ها کاربرد دارد. وقتی می خواهیم یکی از موارد در check box غیر قابل تغییر باشد و کاربر نتواند آن را به دلخواه پر کند از آن استفاده می کنیم. به مثال زیر توجه کنید:

disabled به مقدار نیاز ندارد.این مثل این است که بنویسیم “disabled=”disabled

خصوصیت size در فرم HTML

خصوصیت size در فرم HTML اندازه فیلد ورودی را بر حسب کاراکتر مشخص می کند. برای size یک مثال مشاهده کنید:

خصوصیت maxlength در فرم HTML

خصوصیت maxlength در فرم HTML حداکثر طول مجاز برای فیلد ورودی را مشخص می کند. برای عناصر متنی مانند ایمیل، نام و نام خانوادگی، وب سایت، فیلد جست و جو و… می توانید حداکثر تعداد حروف مقدار ورودی را مشخص کنید تا از مقدار خاصی بیشتر نشود. ورودی این مقدار یک عدد طبیعی است. به مثال زیر دقت کنید:

maxlength هیچگونه هشداری به کاربر نمی دهد. اگر بخواهید به کاربر هشدار دهید که کاراکتر وارد شده بیشتر از حد مجاز است باید با کدهای جاوا اسکریپت این کار را انجام دهید.

محدودیت های ورودی در فرم HTML محفوظ از خطا نیستند. جاوا اسکریپت راه های زیادی برای اضافه کردن ورودی های غیر مجاز فراهم می کند. برای اطمینان از اجرای صحیح محدودیت ورودی ها، محدودیت ها باید از سمت گیرنده (سرور) نیز بررسی شوند.

5 نظرات شما

  • محمد جواد

    تیر ۲۹, ۱۳۹۴ at ۱۲:۳۵ ب.ظ
    سلام ببخشید استفاده از برنامه ی wysiwygچطور هست .راهنمایی کنید لطفا
    • الهه قنبری

      تیر ۲۹, ۱۳۹۴ at ۲:۴۵ ب.ظ
      سلام من با این برنامه کارنکرده ام متاسفانه !
  • عابدین

    مهر ۲۸, ۱۳۹۴ at ۷:۱۸ ق.ظ
    سلام : آیا میشه کدی نوشت که با بزرگ شدن متن تایپی تکس باکس هم بزرگ شه منظورم طول متنه.
  • اسماعیل

    آبان ۲۳, ۱۳۹۴ at ۴:۴۶ ق.ظ
    لطفا کمک کنید. یه برنامه دارم که یک ورودی داره و سه خروجی یه عدد در ورودی وارد کنم در سه خروجی پس از تقسیم سه جواب جدا بهم بده
  • عابدین

    اسفند ۱۰, ۱۳۹۴ at ۹:۴۰ ب.ظ
    سلام تشکر از وب سایت مفید و آموزنده تون

پاسخ دهید

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


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.