فیلد متنی
این مثال طریق ساخت یک فیلد متنی را نشان می دهد. کاربر می تواند اطلاعات خود را در این فیلد بنویسد.
فیلد رمزعبور
گاهی نیاز است که مقداری که کاربر وارد می کند، دیده نشود. برای ایجاد چنین فیلد ورودی، از فیلد رمز عبور استفاده می کنیم. این مثال روش ساخت این فیلد را نشان می دهد.
(مثالهای بیشتر، در انتهای این صفحه آمده است)
<form>
<input>
<input>
</form>
First name: Last name: | <form> |
<form> First name: <input type="radio" name="sex" value="male"> male <br> Last name: <input type="radio" name="sex" value="female" > femail </form> |
<form> <input type="checkbox" name="bike"> I have a bike <br> <input type="checkbox" name="car" > I have a car </form> |
<form name="input value" action="action1.asp"> username: <input type="text" name="username"> <input type="submit" value="submit"> </form> |
چک باکس ها
روش ساخت فیلد چک باکس(انتخاب) در این مثال توضیح داده شده است. کاربر می تواند موارد مورد نظر خود را انتخاب کند.
دکمه رادیویی
دکمه های رادیویی مانند این مثال ساخته می شوند. از این دکمه ها برای انتخاب یک مورد از چند مورد استفاده می شود.
انتخاب کرکره ای ساده
این فیلد انتخابی، همانند دکمه رادیویی، برای انتخاب یک مورد از چند مورد، به کار می رود. با این تفاوت که فهرست عناصر بصورت کرکره، باز و بسته می شوند؛ و عنصر انتخابی فقط دیده می شود.
فیلد کرکره ای (2)
این مثال نیز فیلد کرکره ای را نمایش می دهد. با این تفاوت که برای این فیلد، یکی از مقادیر فهرست انتخابف به عنوان مقدار پیش فرض تعیین شده است.
ناحیه متنی
تفاوت این فیلد با فیلد متنی این است که در این فیلد، خطهای نا محدودی می توان وارد کرد. یک ورودی چند خطی. روش ساخت این فیلد در این مثال آمده است.
دکمه
این مثال روش ساخت دکمه را توضیح می دهد. نوشته روی دکمه را می توانید خودتان تعیین کنید.
مجموعه فیلدها
به کمک این سازه می توان حاشیه و عنوانی را برای یک یا چند فیلد ورودی تعیین کرد. این دسته بندی به کاربر کمک می کند که مجموعه اطلاعات مرتبط با هم را بهتر تشخیص دهد.
فرم، فیلدهای ورودی و دکمه تایید(submit)
این مثال طریق اضافه کردن فرم و فیلدهای داخل آن را نشان می دهد. دکمه تایید محتوییات فرم را به آدرس action می فرستد.
فرم به همراه چک باکس
این مثال، فرمی به همراه فیلد چک باکس داخل آن تعریف می کند.
فرم به همراه دکمه های رادیویی
باز هم مثالی دیگر برای فرم. فرمی که در آن فیلد رادیویی وجود دارد.
ارسال نامه الکترونیکی به کمک فرم
در این مثال روش ارسال email به کمک فرم، نشان داده شده است. به موجودیت action فرم توجه کنید.
برچسب ها | توضیحات |
---|---|
<form> | یک فرم برای ورودی کاربران معرفی می کند |
<input> | فیلد ورودی معرفی می کند |
<textarea> | یک ورودی متن چند خطی معرفی می کند |
<label> | یک برچسب برای ورودی ها معرفی می کند |
<fieldset> | یک مجموعه از فیلدها معرفی می کند |
<legend> | یک عنوان برای fieldset معرفی می کند |
<select> | یک لیست قابل انتخاب معرفی می کند |
<optgroup> | یک گروه از گزینه ها معرفی می کند |
<option> | یک گزینه در لیست باز شونده معرفی می کند |
<button> | یک دکمه را معرفی می کند |
<isindex> | توصیه می شود به جای آن از input استفاده کنید |