در این مقاله با خواص تگ فرم آشنا خواهیم شد. برای آشنایی با این تگ میتوانید به مقاله های قبل مراجع کنید.
شناسه 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>
خروجی:
اين خاصيت برای تگ های مختلف ، حالت های زير را دارد :
در دکمه ( 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>
خروجی:
خاصیت disabled
اگر از این خاصیت برای تگ input استفاده کنیم آن را غیر فعال کرده و کاربر نمیتواند روی آن کلیک کند یا مقدار آن را تغییر دهد.همچنین مقدار آن هنگام ارسال فرم ارسال نخواهد شد.
<form>
First name:<br>
<input type="text" name="firstname" value ="فاطمه" disabled>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
خروجی:
خاصیت 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>
خروجی:
شناسه maxlength
حداکثر تعداد کاراکترهايی که می توان در تگ input وارد کرد را تعيين می کند .
به طور مثال در باکس زیر کاربر نمیتواند بیش از 10 کاراکتر وارد کند.
<form >
First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
خروجی:
شناسه name
از این شناسه برای تعریف کردن یک نام منحصر به فرد برای فرم استفاده می شود. تعيين و مقدار دهی اين خاصيت برای کنترل های button , checkbox , file , hidden , image , password , text و radio ضرروی است .
در html5 چند خاصیت جدید و کارآمد به تگ ها اضافه شده است که در مقالات بعدی به طور مفصل راجع به آن صحبت خواهیم کرد.
با ما همراه باشید.
کامنت جدید ...