فهرست دروس

HTML مقدماتی

HTML پیشرفته

برچسب Input

تعریف و کاربرد

برچسب input شروع یک فیلد ورودی را نشان می دهد که کاربر می تواند داده های خود را تعریف کند.

تفاوت بین HTML و XHTML

در HTML برچسب input برچسب پایانی ندارد.
در XHTML برچسب input باید برچسب پایانی داشته باشد.

نکات:

برچسب input خالی است و فقط حاوی موجودیت هاست.
برای ساخت یک برچسب از label استفاده کنید.

مثال

منبع خروجی
<form action="form_action.asp"
method="get">

First name:
<input type="text" name="fname" value="Mickey" />
<br />
Last name:
<input type="text" name="lname" value="Mouse" />
<br />
<input type="submit" value="Submit" />

</form>

<p dir=rtl>

اگر شما روی دکمه "submit" کلیک کنید شما ورودی های خود را به یک صفحه جدید به نام form_action.asp خواهید فرستاد.

</p>
First name:
Last name:

اگر شما روی دکمه "submit" کلیک کنید شما ورودی های خود را به یک صفحه جدید به نام form_action.asp خواهید فرستاد.

خواص انتخابی

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
accept list_of_mime_types A comma-separated list of MIME types that indicates the MIME type of the file transfer.

نکته: فقط با "type="file استفاده می شود.

STF
align left
right
top
texttop
middle
absmiddle
baseline
bottom
absbottom
چیدمان متن زیر تصویر را مشخص می کند.

نکته: "with type="image

TF
alt text یک متن برای تصویر معرفی می کند.

نکته: فقط برای "type="image استفاده می شود.

STF
checked checked  مشخص می کند که عنصر باید در اولین باری که صفحه بارگیری می شود انتخاب شده باشد.

نکته: فقط با "type="checkbox و "type="radio استفاده می شود.

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

نکته: نمی تواند با "type="hidden استفاده شود.

STF
maxlength number Defines بیشترین تعداد کاراکتری که اجازه دارد در فیلد متنی قرار بگیرد.

نکته: فقط با "type="text استفاده می شود.

STF
name field_name برای عنصر ورودی یک نام یکتا درنظر می گیرد.

Note: این موجودیت برای type="button", type="checkbox", type="file", type="hidden", type="image", type="password", type="text", and "type="radio مورد نیاز است.

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

نکته: فقط برای "type="text استفاده می شود.

STF
size number_of_char اندازه عنصر ورودی را مشخص می کند.

نکته: نمی تواند برای "type="hidden استفاده شود.

STF
src URL URL تصویری راکه نشان داده می شود را مشخص می کند.

نکته: فقط برای "type="image استفاده می شود.

STF
type button
checkbox
file
hidden
image
password
radio
reset
submit
text

نوع عنصر ورودی را مشخص می کند.. عنصر پیش فرض "text" است.

نکته:این یک موجودیت مورد نیاز نیست، اما ما فکر می کنیم شما باید آن را قرار دهید.. اگر از قلم بیفتد ie 5.5 یک فیلد متنی نشان خواهد داد اما Netscape نه.

STF
value value برای دکمه ها ، دکمه Reset , Submit: متن روی دکمه را مشخص می کند.

برای دکمه های تصویری: یک نتیجه نمادین برای فیلدی که به script پاس داده می شود معرفی می کند.

برای check box و دکمه های رادیویی:نتیجه عناصر ورودی وقتی کلیک می شوند را مشخص می کند. نتیجه به URL صفحه action ارسال می شود.

برای فیلد های متنی ، رمزعبور و مخفی:مقدار پیش فرض آن فیلد را معرفی می کند

نکته: نمی تواند با "type="file استفاده شود.

نکته: این موجودیت برای type="checkbox" and "type="radio مورد نیاز است.

STF

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

tabindex, accesskey, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

خودتان بیازمایید

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

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

چک باکس ها
روش ساخت فیلد چک باکس(انتخاب) در این مثال توضیح داده شده است. کاربر می تواند موارد مورد نظر خود را انتخاب کند.

دکمه رادیویی
دکمه های رادیویی مانند این مثال ساخته می شوند. از این دکمه ها برای انتخاب یک مورد از چند مورد استفاده می شود.

دکمه
این مثال روش ساخت دکمه را توضیح می دهد. نوشته روی دکمه را می توانید خودتان تعیین کنید.

فرم، فیلدهای ورودی و دکمه تایید(submit)
این مثال طریق اضافه کردن فرم و فیلدهای داخل آن را نشان می دهد. دکمه تایید محتوییات فرم را به آدرس action می فرستد.

فرم به همراه چک باکس
این مثال، فرمی به همراه فیلد چک باکس داخل آن تعریف می کند.

فرم به همراه دکمه های رادیویی
باز هم مثالی دیگر برای فرم. فرمی که در آن فیلد رادیویی وجود دارد.

جستجوی پیشرفته

نسخه چاپی
فرم انتقادات و پیشنهادات
ارسال به دوستان
افزودن به آدرسهای برگزیده

صفحه نخست | سایت های مرتبط | ارتباط با ما Liar | Lie | 300 the movie |
طراحی سایت (طراحی وب)، هاست، دامنه - رادکام