آکادمی اسکیلدآپ
خودت رو ارتقا بده!

دانش تان در مورد فرم های HTML ارتقا دهید

0 10

حتما می دونید در هر تگ HTML یک سری مشخصه (Attribute) می شه استفاده کرد تا رفتار اون تگ بتناسب نیاز تغییر بدید خیلی سریع و خلاصه در این مقاله شما رو با مشخصه مهم فرم های HTML آشنا کنم

  • Multiple

با استفاده از این مشخصه کاربر قادر می شود تا چندین مقادر در فیلد وارد کند برای مثال چند فایل یا چند ایمیل، این مشخصه یک مشخصه بولی (Boolean) هست و ازش می تونید در تگ های <input> و <select> استفاده کنید.

<input type="file" multiple />
  • Accept

به کمک استفاده از این مشخصه در المان (تگ) input می تونید مشخص کنید کاربر اجازه داره چه نوع فایلهایی رو آپلود کنه.

<input type="file" accept=".png, .jpg, .pdf">
  • Contenteditable

با استفاده از این مشخصه بولی می تونید مشخص کنید محتوای یک المان قابل ویرایش توسط کاربر باشد یا خیر.

<div contenteditable="true">hey there! you can edit me! :D </div>
  • Spellcheck

به کمک این مشخصه محتوای موجود در المان از نظر دیکته مورد بررسی قرار خواهد گرفت. در مثال پایین به کاربر اجازه دادیم اشتباه پیدا شده رو برایمان تصحیح کند.

<p contenteditable="true" spellcheck="true">hello! could yuo please correct my spelling error? </p>
  • Translate

این مشخصه به مرورگر اطلاع میدهد آیا لازم است این بخش از متن ترجمه شود یا خیر! برای مثال به کمک این ویژگی از ترجمه نام شرکت یا موسسه خود جلوگیری می کنید.

<footer><p translate="no">Skilledup Foundation</p></footer>
  • Poster

به کمک این مشخصه شما تعیین می کنید یک تصویر تا زمانی یک ویدیو در حال بارگذاریست یا کاربر هنوز کلید پخش را نزده در پس زمینه نمایش داده شود. اگر تصویری تعیین نشود هیچ چیز نمایش داده نخواهد شد تا زمانی که اولین فریم ویدیو آماده شود و همان فریم به عنوان پوستر فیلم نمایش داده می شود.

<video controls  src="videos/php-learning.mp4"
poster="learn-PHP.png"
width="720" >
</video>
  • Download

از این مشخصه در تگ های <a> استفاده کنید تا مرورگر بجای آنکه یک URL را مرور کند (نمایش دهد) آن را دانلود کند برای مثال اگر در لینک یک عکس و یا یک ویدیو این مشخصه نباشد آن رسانه در خود مرورگر نمایش داده میشود نه آنکه دانلود شود. و البته به کمک این مشخصه می توانید یک نام برای فایل انتخاب کنید که می تواند با نام آن فایل روی سرور شما متفاوت باشد.

<a href="pinkoob.jpg" download="new_name.jpg">Download Photo</a>

با کمی تمرین با تمام ویژگی های این مشخصه ها آشنا خواهید شد و می توانید فرم های HTML حرفه ای تری ایجاد کنید. موفق باشید.

ارسال یک پاسخ