این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Enctype در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Enctype در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Enctype در HTML
صفت enctype
صفتی است که با استفاده از آن میتوان نحوه ی کدگذاری داده های یک فرم را در هنگام ارسال به سرور مشخص کرد.
بفرض مثال خب در حالت عادی برای ارسال چنتا Input نیاز نیست از این صفت استفاده کنیم ( مثال ) ولی مثلا برای آپلود فایل باید حتما از این صفت در تگ Form استفاده کنیم تا سرور بتونه متوجه شه که قراره یک فایل آپلود شه.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<form> |
Free-Learn
مثال از صفت Enctype در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
1 2 3 4 5 6 7 8 |
<body> <form action="get.php" method="POST" enctype="multipart/form-data"> <input type="file" name="uploadfile"> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت enctype
در HTML پشتیبانی میکنند یا خیر.
نام صفت | Chrome | Firefox | Opera | Safari | Edge |
enctype | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 |
<form enctype="Value"> |
Free-Learn
جدول مقادیر صفت Enctype در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
application/x-www-form-urlencoded | مقدار پیش فرض تمامی کاراکترها قبل از ارسال بسمت سرور کدگذاری میشوند |
multipart/form-data | برای وقتی که قراره در فرم چیزی آپلود شه این مقدار ضروری است |
text/plain | هیچگونه کدگذاری رو بروی داده های فرم ایجاد نمیکنه |
Free-Learn
نکات و توضیحات
- این صفت فقط در فرم هایی که صفت method شان برابر است با مقدار Post عمل خواهد کرد.
- اگه قراره داخل فرم تون عمل آپلود انجام بشه باید حتما از multipart/form-data استفاده کنید در غیراینصورت هیچ چیزی آپلود نمیشه.