تا %60 درصد تخفیف برای تنها 8 نفر با کد 8ATHSL8U + صدور گواهینامه فقط تا
000000

آموزش HTML گام به گام قسمت 21 : خاصیت های تگ input

شاید در طول سه جلسه قبلی در بعضی از مثال ها چندین خاصیت input را یاد گرفته باشید، اما به در این جلسه می خواهم مهمترین خاصیت های تگ input را به شما یاد بدهم. یکی از مهترین خاصیت های تگ input خاصیت type بود که برای تعیین نوع ورودی استفاده می شود. اما جدای از این خاصیت، خاصیت های مهم و تعیین کننده دیگری نیز وجود دارد:

خاصیت disabled: این خاصیت برای غیر فعال کردن یک ورودی استفاده می شود.

<input type="text" name="un" disabled/>

خاصیت maxlength: از این خاصیت برای محدود کردن تعداد کاراکترهای ورودی متنی استفاده می شود.

<input type="text" name="un" maxlength="5"/>

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

<input type="text" name="un" readonly/>

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

<input type="text" name="un" size="20"/>

خاصیت value: برای مقداردهی به یک ورودی پیش از اجرای آن می توانید از این خاصیت استفاده کنید:

<input type="text" name="un" value="Arastoo"/>

این پنج خاصیت در HTML پایینتر از 5 استفاده می شد، اما با ظهور HTML5 چند خاصیت دیگر نیز به ورودی ها داده شده که در پایین هرکدام از آنها را بررسی می کنیم:

خاصیت max: برای تعیین بیشتر مقدار ورودی استفاده می شود. مثل ورودی های عددی

<input type="number" name="nu" max="40">

خاصیت min: برای تعیین کمترین مقدار ورودی استفاده می شود. مثل ورودی های عددی

<input type="number" name="nu" max="40">

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

<input type="text" name="un" pattern="itpro">

خاصیت required: اگر بخواهید پر کردن یک ورودی را اجباری کنید باید از این خاصیت استفاده کنید.

<input type="text" required>

خاصیت step: وقتی هر واحدی از یک عدد را افزایش می دهیم به صورت تک تک اضافه می شود، توسط این خاصیت می توان این مقدار را تغییر دهید، مثلا 10 10 اعداد افزایش پیدا کنند.

<htm>

<form>

<input type="number" name="points" min="0" max="100" step="10" value="30">

</form>

نویسنده : ارسطو عباسی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

عنوان
1 آموزش HTML گام به گام قسمت 1 : معرفی و آشنایی کلی رایگان
2 آموزش HTML گام به گام قسمت 2 : دستورات مقدماتی و معرفی ساختار رایگان
3 آموزش HTML گام به گام قسمت 3 : صفحات یا Attributes و نکات مربوطه رایگان
4 آموزش HTML گام به گام قسمت 4 : عنوان بندی و تگ های جدید رایگان
5 آموزش HTML گام به گام قسمت 5 : استایل و فرمت متن ها رایگان
6 آموزش HTML گام به گام قسمت 6 : نقل قول و درج توضیحات رایگان
7 آموزش HTML گام به گام قسمت 7 : استفاده از رنگ رایگان
8 آموزش HTML گام به گام قسمت 8 : CSS چیست و مقدمات آن رایگان
9 آموزش HTML گام به گام قسمت 9 : لینک ها رایگان
10 آموزش HTML گام به گام قسمت 10 : تصاویر رایگان
11 آموزش HTML گام به گام قسمت 11 : جداول رایگان
12 آموزش HTML گام به گام قسمت 12 : لیست ها رایگان
13 آموزش HTML گام به گام قسمت 13 : بلاک و کلاس ها رایگان
14 آموزش HTML گام به گام قسمت 14 : قاب بندی رایگان
15 آموزش HTML گام به گام قسمت 15 : تگ عنوان یا Head رایگان
16 آموزش HTML گام به گام قسمت 16 : چند قانون ساده رایگان
17 آموزش HTML گام به گام قسمت 18 : فرم ها رایگان
18 آموزش HTML گام به گام قسمت 19 : کنترل ها و اجزای فرم رایگان
19 آموزش HTML گام به گام قسمت 20 : انواع ورودی رایگان
20 آموزش HTML گام به گام قسمت 21 : خاصیت های تگ input رایگان
21 آموزش HTML گام به گام قسمت 22 : چندرسانه/ویدیو و صدا رایگان
22 آموزش HTML گام به گام قسمت 23 : مدیریت بهتر لایه های وب رایگان
زمان و قیمت کل 0″ 0
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر