نمایش خبر

image

شناسه های تگهای input

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

شناسه value

شناسه value مقدار آغازین تگ input را مشخص میکند.

<form>
First name:<br>
<input type="text" name="firstname" value="فاطمه">
<br>
Last name:<br>
<input type="text" name="lastname" value="مختاری">
<br><br>
<input type="submit" value="ارسال">
</form>

خروجی:

First name:

Last name:


اين خاصيت برای تگ های مختلف ، حالت های زير را دارد :

در دکمه ( button , reset buttons , submit buttons ) : متن روی دکمه را تعيين می کند .
در دکمه های انتخابی ( radio buttons , checkbox ) : مقداری است که در صورت انتخاب کردن ( تيک زدن ) دکمه انتخابی در هنگام ارسال اطلاعات فرم به عنوان مقدار آن کنترل ارسال می شود .
در کادرهای متن يا کنترل های مخفی( textbox , password , hidden ) : مقدار پيش فرض کنترل را تعيين می کند

شناسه readonly

در اين حالت تگ به صورت فقط خواندنی در می آيد . در صورتی که مقدار اين خاصيت برابر readonly تنظيم شده باشد ، کاربر مجاز به تغيير متن درون کادرهای متني ( textbox ) و يا تغيير وضعيت دکمه های انتخابی ( checkbox يا radiobutton ) نخواهد بود .

مثال:

<form action="">
First name:<br>
<input type="text" name="firstname" value ="فاطمه" readonly>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

خروجی:

First name:

Last name:

خاصیت disabled

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

<form>
First name:<br>
<input type="text" name="firstname" value ="فاطمه" disabled>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

خروجی:

First name:

Last name:

خاصیت size

سايز و اندازه کاراکترهای تگ input را تعيين می کند .دقت داشته منظور از اندازه کاراکتر تعداد کاراکتر نیست . همچنین اندازه باکس ها با css نیز قابل تغییر میباشد.

مثال:

<form action="">
First name:<br>
<input type="text" name="firstname" value="فاطمه" size="40">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

خروجی:

First name:

Last name:

شناسه maxlength

حداکثر تعداد کاراکترهايی که می توان در تگ input وارد کرد را تعيين می کند .

به طور مثال در باکس زیر کاربر نمیتواند بیش از 10 کاراکتر وارد کند.

<form >
First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

خروجی:

First name:

Last name:

شناسه name

از این شناسه برای تعریف کردن یک نام منحصر به فرد برای فرم استفاده می شود. تعيين و مقدار دهی اين خاصيت برای کنترل های button , checkbox , file , hidden , image , password , text و radio ضرروی است .

در html5 چند خاصیت جدید و کارآمد به تگ ها اضافه شده است که در مقالات بعدی به طور مفصل راجع به آن صحبت خواهیم کرد.

با ما همراه باشید.