5 صفت یا attribute برای html که کسی اونا رو بهت نمیگه🔥⬇️


1⃣ صفت Accept

این صفت مشخص میکنه که کاربر اجازه آپلود چه نوع فایل هایی رو داره، از این صفت فقط در Input با تایپ فایل میشه استفاده کرد.

<input type="file" name="CodeModule" accept=".jpg,.png,.doc">

🔢 صفت Loading

شما میتونین از صفت loading در تگ <img> برای کنترل نحوه بارگذاری تصویر توسط مرورگر استفاده کنید که شامل دو مقادیره:

مقدار eager: مقدار پیش فرض تگ img هست که همزمان با load صفحه وب، تصویر هم load میشه.

مقدار lazy: زمانی که صفحه وب load شد، تصویر هم با اسکرول شما load میشه.

<img loading="lazy" src="image.jpg" alt="CodeModule" />

🔢 صفت Multiple

شما میتونین از صفت multiple برای تگ های <input> و <select> استفاده کنین تا به کاربران اجازه بدید چند مقدار را همزمان انتخاب کنن.

<input type="file" id="CodeModule" name="attribute" multiple>
<select name="attribute" id="CodeModule" multiple></select>

🔢 صفت Title

شما میتونین از صفت title برای ارائه اطلاعات اضافی درباره یک تگ استفاده کنید. این اطلاعات معمولا زمانی که کاربر ماوس رو روی یه تگ نگه داره یا اصطلاحا عمل hover کردن و انجام بده، نمایش داده میشه.
این صفت یک global attribute هست.

<p title="Free Web tutorials">CodeModule</p>

🔢 صفت Contenteditable

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


مثلا اگر یک پاراگراف و قابل ویرایش کنیم کاربر میتونه محتوای اون پاراگراف و به سلیقه خودش تغییر بده.
این صفت یک global attribute هست.

<p contenteditable="true">منو ویرایش کن</p>

#html #attribute
@CodeModule