مجموعه تگ های ساخت فُرم

تگ <  form>
یک فرم ، منطقه ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس ها و...) در فرم وارد کند.یک فرم با برچسب <  form> معرفی می شود.


يک فرم HTML ، فضايی است که می تواند کنترل های مختلف را در خود جای دهد . کنترل های HTML ، ابزارهايي هستند که کاربر را قادر می سازند تا داده های خود را از طريق کادرهای متنی ( TextBox ) ، ليست های بازشو ( Drop-Down Lists ) ، دکمه های گزينشی ( CheckBox ) و ... در فرم وارد کرده و سپس آنها را به مقصد ارسال کند . يک فرم با تگ <   form > ايجاد شده و ساير کنترل های درون آن تعريف می شوند . برای ارسال اطلاعات يک فرم ، بايد دکمه فرمان Submit درون آن ايجاد کرد که با کليک بر روی آن ، اطلاعات فرم ارسال خواهد شد .
مثل فرم های ثبت نام
action : آدرس مقصدی است که در هنگام کليک بر روی دکمه Submit فرم اطلاعات خود را به آنجا ارسال می کند.

accept - charset : ليست مجموعه کاراکترهای مجاز برای اين فرم است که هر کدام توسط يک کاما از هم جدا می شوند .

accept : يک ليست از مجموعه قابل قبول برای اين فرم است ، که سرور پردازش کننده فرم آنها را قبول می کند .هر يک از اين مقادير به وسيله يک کاما از هم جدا می شوند

enctype : روش استاندارد کدينگ اطلاعات فرم را جهت ارسال تعيين می کند .

method : متد Http مورد استفاده برای ارسال اطلاعات فرم به مقصد را مشخص می کند ، که می تواند 2 حالت زير را داشته باشد
get سرعت بالا ولی امنیت پایین
post سرعت پایین ولی امنیت بالا


name : يک نام منحصر به فرد برای فرم در صفحه تعيين می کند .

target : نحوه باز شدن و نمايش پنجره صفحه مقصد را تعيين می کند که دارای حالت های زير است:
-blank : لينک در يک پنجره جديد باز خواهد شد .
-self : لينک در همان پنجره يا قابی که کليک شده است باز خواهد شد .
-parent : لينک در قاب اصلی يا مادر باز خواهد شد .
-top : لينک در همان پنجره ای که کليک شده است به طور کامل باز خواهد شد .

autocomplete : این خاصیت مشخص میکند که تکمیل اتوماتیک فرم روشن باشد و یا خاموش

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

این خاصیت یک مقدار Boolean است و اگر آن را در تگ ابتدایی <  form> قرار دهید ، مانع اعتبارسنجی داده های ورودی در فیلد های فرم می شود . برای مثال اگر در یک کنترل Email در فرم وجود داشته باشد و این خاصیت را برای فرم تنظیم کرده باشید ، حتی اگر آدرس ایمیل با فرمت نادرست نیز وارد کنید ، فرم ارسال می شود . 		<  form>

    <  input>
    <  input>

<  /form>


Attributes :
accept
accept - charset
action
autocomplete    new in HTML5
enctype
method
name
novalidate    new in HTML5
target

<  form novalidate="novalidate"><  /form>
<  form novalidate><  /form>
تگ <  fieldset> , <  legend>
دسته بندی و گروه بندی گردن فیلد ها برای فهم بهتر انها انجام میگیرد و در صورت لزوم میتوان به تعداد دلخواه از fieldset استفاده کرد

tabindex: با این خاصیت میتوان به لینک های یک صفحه و یا input های یک فرم اولویت داد به عبارت دیگر وقتی دکمه tab را روی کیبرد میزنیم به ترتیبی که ما برای tabindex تعیین کرده بودیم مکان نما بین فیلد ها پرش خواهد کرد

accesskey توسط این خاصیت میتوان برای یک فیلد کلید میانبر تعیین کرد که در مرورگر IE دکمه Alt بهمراه کلید میانبر تعیین شده همزمان زده شود و در برخی مرورگر ها علاوه بر این دو دکمه باید دکمه Shift هم زده شود

تگ <  label>
برای برچسب گذاری استفاده میشود 		Personalia: Name:
Email:
Date of birth:

Personalia:

<  label>Name:<  /label> <  input type="text">
<  label>Email<  /label>: <  input type="text">
<  label>Date of birth<  /label>: <  input type="text">

Name:
Email:
Date of birth:



تگ <  input>
تگ <   input > برای ساختن انواع کنترل های HTML از قبيل کادر های متن ، ليست های بازشو ، دکمه های فرمان و انتخابی و ... درون فرم ها استفاده می شود . نوع کنترل توسط خاصيت Type در درون تگ input مشخص می شود . 		<  form>

    <  fieldset>
        <  legend>Personalia:<  /legend>
        Name: <  input type="text" tabindex="3">
        Email: <  input type="text" tabindex="1">
        Date of birth: <  input type="text" tabindex="1" accesskey="F">
    <  /fieldset>

<  /form>







accept : يک ليست از مجموعه قابل قبول برای اين کنترل است ، که سرور پردازش کننده فرم آنها را قبول می کند .هر يک از اين مقادير به وسيله يک کاما از هم جدا می شوند .

اگر accept بر روی image/* تنظیم شود و وقتی بر روی دکمه Browse کلیک کنید فقط فرمت های عکس قابل دیدن هستند

اگر accept بر روی audio/* تنظیم شود و وقتی بر روی دکمه Browse کلیک کنید فقط فرمت های صوتی قابل دیدن هستند

اگر accept بر روی video/* تنظیم شود و وقتی بر روی دکمه Browse کلیک کنید فقط فرمت های تصویری قابل دیدن هستند 		<  input accept="audio/*,video/*,image/*,MIME_type" />

<  form action="demo_form.asp">
    <  input type="file" name="pic" accept="image/*">
    <  input type="file" name="pic" accept="audio/*">
    <  input type="file" name="pic" accept="audio/*,image/*">
    <  input type="submit">
<  /form>
align : از این خاصیت دیگر استفاده نمیشود Not supported in HTML5. Deprecated in HTML 4.01
<  input align="left|right|middle|top|bottom" />


<  form action="demo_form.asp">
    First name: <  input type="text" name="fname">
    <  input type="image" src="img/0543.png" alt="Submit" align="right" width="48" height="48">
<  /form>

First name:










alt : يک متن جايگزين را در صورت عدم نمايش کنترل توسط مرورگر ، نمايش می دهد <  input alt="text" />

<  form action="demo_form.asp">
     First name: <  input type="text" name="fname">
     <  input type="image" src="" alt="سپهر" width="100" height="48">
<  /form>

First name:











autocomplete : مشخص میکند در تگ Input کامل کردن خودکار فعال باشد یا خیر
اگر شما فیلدی را قبلا پر کرده باشید و باز دوباره به همان فیلد رجوع کنید با کلید کردن و یا نوشتن اولین حرف به صورت خودکار فیلد برای شما پر میشود

new in HTML5
<  input autocomplete="on|off" />

<  form action="demo_form.asp" autocomplete="on">
    First name:<  input type="text" name="fname">
    Last name: <  input type="text" name="lname">
    E-mail: <  input type="email" name="email" autocomplete="off">
<  input type="submit">
<  /form>

First name:

Last name:

E-mail:











autofocus : اگر این خصیصه برای تگ input فعال شود بعد از رفرش صفحه فیلد به صورت خودکار فعال میشود و مکان نمای موس در ان فیلد قرار میگیرد new in HTML5
<  input autofocus="autofocus" />

<  form action="demo_form.asp">
    First name:<  input type="text" name="fname" >
    Last name: <  input type="text" name="lname" autofocus="autofocus">
<  input type="submit">
<  /form>

First name:

Last name:












checked : مشخص می کند که اگر کنترل مورد نظر يک دکمه انتخابي ( radio button يا chechbox ) باشد ، به صورت پيش فرض انتخاب شده باشد يا خير

<  input checked="checked" />

<  form action="demo_form.asp">
<  input type="checkbox" name="vehicle" value="Bike"> I have a bike
<  input type="checkbox" name="vehicle" value="Car" checked="checked" I have a car
<  input type="submit" value="Submit">
<  /form>

I have a bike
I have a car
disabled : چنانچه مقدار اين خاصيت بر روی disabled تنظيم شده باشد ، آن کنترل غير فعال بوده و کاربر عملا امکان استفاده از آن را نخواهد داشت <  input disabled="disabled" />

<  form action="demo_form.asp">
First name: <  input type="text" name="fname">
Last name: <  input type="text" name="lname" disabled="disabled">
<  input type="submit" value="Submit">
<  /form>

First name:

Last name:











form : این خاصیت در یک کنترل <  input> ، شناسه ( id ) یک یا چند فرم را تعیین می کند ، که کنترل مذکور به آن فرم تعلق دارد . این خاصیت در زمانی استفاده می شود که کنترل <  input> در مکانی خارج از تگ <  form> متعلق به آن قرار داشته باشد . شما می توانید id بیش از یک فرم را در این خاصیت تعیین نمایید . برای این منظور بایستی نام فرم ها را به ترتیب و با فاصله قرار دهید . new in HTML5
<  input form="form_id" />

<  form action="demo_form.asp" id="form1">
First name: <  input type="text" name="fname">
<  input type="submit" value="Submit">
<  /form>
Last name: <  input type="text" name="lname" form="form1">


First name:


Last name:









formaction : این خاصیت برای یک کنترل <  input> آدرس URL فایلی را تعیین می کند که پس از ارسال فرم قرار است ، اطلاعات کنترل را پردازش نماید . این خاصیت مقدار تعیین شده برای خاصیت action فرم را نادیده گرفته و بر مبنای مقدار خود عمل می کند .
نکته: خاصیت formaction فقط برای کنترل های نوع Submit و image کار می کند . 		new in HTML5
<  input formaction="URL" />

<  form action="demo_form.asp">
First name: <  input type="text" name="fname">
Last name: <  input type="text" name="lname">
<  input type="submit" value="Submit">
<  input type="submit" formaction="demo_admin.asp" value="Submit as admin">
<  /form>

First name:

Last name:












formenctype : این خاصیت تعیین می کند که اطلاعات ارسالی از کنترل به سرور با چه روشی کد گذاری شده و ارسال شود ( فقط برای فرم هایی که متد ارسال اطلاعات آنها post است به کار می رود ) .
نکته 1 : مقدار این خاصیت در کنترل مقدار تعیین شده برای خاصیت enctype در فرم را نادیده می گیرد
نکته 2 : این خاصیت فقط برای کنترل های نوع type="submit" و type="image" بکار می رود

new in HTML5
<  input formenctype="value" />

<  form action="demo_post_enctype.asp" method="post">
First name: <  input type="text" name="fname">
<  input type="submit" value="Submit">
<  input type="submit" formenctype="multipart/form-data" value="Submit as Multipart/form-data">
<  /form>


First name:













formmethod : خاصیت formmethod روش HTTP ارسال اطلاعات کنترل ربه سرور را تعیین می کند . خاصیت formmethod تعیین شده در کنترل ، مقدار تعیین شده برای آن خاصیت در فرم را نادیده می گیرد . اطلاعات فرم را به دو روش می توان ارسال کرد . روش get و post
نکته : این خاصیت را فقط می توان با کنترل های type="submit" و type="image" به کار برد .		 new in HTML5
<  input formmethod="post|get" />

<  form action="demo_form.asp" method="get">
First name: <  input type="text" name="fname">
Last name: <  input type="text" name="lname">
<  input type="submit" value="Submit">

<  input type="submit" formmethod="post" value="Submit using POST">
<  /form>


First name:

Last name:












formnovalidate : خاصیت formnovalidate یک مقدار Boolean است و هنگامی که در تگ یک کنترل تعیین شود ، باعث خواهد شد تا اطلاعات ارسالی آن کنترل به سرور مورد اعتبارسنجی قرار نگیرد . برای مثال فرض کنید در فرم یک کادر متن برای دریافت ایمیل دارید ، که قبل از ارسال اطلاعات به سرور بررسی می کند آیا فرمت ایمیل وارد شده صحیح است یا خیر
اگر خاصیت formnovalidate را برای کنترل submit آن فرم تعیین کنید ، دیگر اطلاعات ارسالی اعتبارسنجی نشده و حتی اگر کاربر آدرس ایمیل با فرمت غلط نیز وارد کند پذیرفته می شود
نکته : خاصیت formnovalidate ، فقط برای کنترل از نوع submit به کار می رود . 		new in HTML5
<  input formnovalidate="formnovalidate" />

<  form action="demo_form.asp">
E-mail: <  input type="email" name="userid">
<  input type="submit" value="Submit">
<  input type="submit" formnovalidate="formnovalidate" value="Submit without validation">
<  /form>

E-mail:












formtarget :
این خاصیت نحوه باز شدن صفحه ای که فرم به آن ارسال می شود را مشخص می کند . 		new in HTML5
<  input formtarget="_blank|_self|_parent|_top|framename" />

<  form action="demo_form.asp">
First name: <  input type="text" name="fname">
Last name: <  input type="text" name="lname">
<  input type="submit" value="Submit as normal">
<  input type="submit" formtarget="_blank" value="Submit to a new window">
<  /form>

First name:
Last name:











height و width:
ارتفاع و پهنا بر مبنای پیکسل 		height new in HTML5
<  input height="px" />

<  form action="demo_form.asp"> First name: <  input type="text" name="fname">
Last name: <  input type="text" name="lname">
<  input type="image" src="img_submit.gif" alt="Submit" width="200" height="48"> <  /form>

First name:
Last name:










تگ <  datalist> یک لیست از چند آیتم از پیش تعیین شده را برای یک کنترل <  input> تعیین می کند . هدف از تعیین این تگ برای کنترل <  input> تهیه یک لیست برای تکمیل اتوماتیک گزینه هاست
به عبارت دیگر هنگامی که این تگ را برای یک کنترل تعیین می کنید ، در هنگام کلیک بر روی آن کنترل لیست آیتم ها بصورت یک منو به کاربر نمایش داده می شود
نکته :هر آیتم تگ <  datalist> توسط یک تگ <  option> تعیین می شود . 		new in HTML5
<  input list="datalist_id" />

<  input list="browsers">

<  datalist id="browsers">

<  option value="Internet Explorer">
<  option value="Firefox">
<  option value="Google Chrome">
<  option value="Opera">
<  option value="Safari">

<  /datalist>











maxlength : جنانچه کنترل مورد نظر يک کادر متن ( textbox ) باشد ، حداکثر تعداد کاراکترهايی که می توان در آن کنترل وارد کرد را تعيين می کند . <  input maxlength="number" />

<  form action="demo_form.asp">
Username: <  input type="text" name="usrname" maxlength="10">
<  input type="submit" value="Submit">
<  /form>

Username:











max , min : خاصیت Max تعیین کننده بیشترین مقداریست که کاربر می تواند در فیلد های عددی یا تاریخ وارد نماید . مقادیر بیش از مقدار تعیین شده قبول نخواهند شد . نکته 1: با استفاده همزمان از دو خاصیت max و minمی توانید محدوده اعداد مجاز برای هر کنترل تعیین نمایید
نکته 2: خاصیت max با کنترل های زیر به کار می رود :
number • date • time • rang • month • 		new in HTML5
<  input min="number|date" />

new in HTML5
<  input max="number|date" />




<  form action="demo_form.asp">

Enter a date before 1980-01-01:
<  input type="date" name="bday" max="1979-12-31">

Enter a date after 2000-01-01:
<  input type="date" name="bday" min="2000-01-02">

Quantity (between 1 and 5):
<  input type="number" name="quantity" min="1" max="5">

<  input type="submit">

<  /form>



Enter a date before 1980-01-01:


Enter a date after 2000-01-01:


Quantity (between 1 and 5):
multiple : خاصیت multiple یک مقدار Boolean است و در صورتی که در تگ یک کنترل قرار داده شود کاربر می تواند بیش از یک مقدار در آن کنترل وارد نماید . برای مثال در یک کنترل Email می توانید بیش از یک آدرس Email وارد نمایید
نکته : خاصیت multiple ، فقط با کنترل از نوع email و file به کار می رود . 		new in HTML5
<  input multiple="multiple" />

<  form action="demo_form.asp">
Select images: <  input type="file" name="img" multiple>

<  input type="submit">
<  /form>

Select images:











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


 <  input name="text" />
pattern : خاصیت pattern برای یک کنترل <  input> ، تعیین کننده ساختاری است که باید اطلاعات وارد شده در کنترل قبل از ارسال به سرور را بر مبنای آن اعتبارسنجی شوند . برای مثال یک ساختار تعیین می کنید که رمز وارد شده در کنترل حداقل باید دارای 8 کاراکتر باشد . کنترل قبل از ارسال اطلاعات به سرور ، این شرط تعیین شده را بررسی می کند .
نکته : خاصیت pattern با کنترل های زیر به کار می رود :
• text • search • url • email • password
نکته 1:در هنگام استفاده از خاصیت pattern ، از خاصیت title کنترل <  input> نیز ، برای نمایش یک tooltip یا راهنما جهت پر کردن کادر متن به کاربر استفاده نمایید . 		new in HTML5
<  input pattern="regexp" />

<  form action="demo_form.asp">
Country code: <  input type="text" name="country_code" pattern="[A-Za-z]{3}">
<  input type="submit">
<  /form>

Country code:











placeholder : خاصیت placeholder یک متن راهنما را برای کمک به کاربر جهت پر کردن کادر متن تعیین می کند . برای مثال یک کادر متن دارید که کاربر بایستی نام خود را در آن وارد کند . می توانید یک متن مثل "Name" را توسط این خاصیت تعیین کرده و کاربر با مشاهده آن راهنمایی شود . با شروع تایپ کردن کاربر در کادر متن ، متن راهنما به صورت خودکار پاک می شود :
نکته : خاصیت placeholder با کنترل های زیر به کار می رود
• text • search • url • email • password 		new in HTML5
<  input placeholder="text" />

<  form action="demo_form.asp">
<  input type="text" name="fname" placeholder="First name">
<  input type="text" name="lname" placeholder="Last name">
<  input type="submit" value="Submit">
<  /form>













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

<  form action="demo_form.asp">
Country: <  input type="text" name="country" value="Norway" readonly>


<  input type="submit" value="Submit">
<  /form>

Country:










required : خاصیت required یک مقدار Boolean است و اگر آن را در تگ یک کنترل <  input> قرار دهید ، تعیین می کند که کاربر حتما باید در کنترل مقداری وارد کرده و آن را خالی رها نکند . اگر کاربر مقداری در کنترل وارد نکند و بخواهد فرم را ارسال نماید برنامه error داده و مانع ارسال آن می شود .
نکته : خاصیت required با کنترل های زیر به کار می رود .
text , search , url , email, password, date pickers , number , checkbox , radio , file . 		new in HTML5
<  input required="required" />

<  form action="demo_form.asp">
Username: <  input type="text" name="usrname" required>

<  input type="submit">
<  /form>

Username:











size : سايز و اندازه فیلد کنترل را تعيين می کند . <  input size="number" />

<  form action="demo_form.asp">
Email: <  input type="text" name="email" size="50">
PIN: <  input type="text" name="pin" size="4">

<  input type="submit" value="Submit">
<  /form>

Email:
PIN:










src : اين خاصيت فقط در مورد کنتزل image به کار رفته و مسير عکس کنترل را مشخص می کند . <  input src="URL" />
step : خاصیت step برای یک کنترل input گام افزایش و یا کاهش مقدار آن یا به عبارت دیگر اعداد مجاز قابل قبول جهت وارد کردن در کنترل را تعیین می کند . برای مثال اگر مقدار این خاصیت را برای کنترلی "3" = step تعیین نمایید ، مقادیر مجاز برای وارد کردن در آن عبارتند از : ..., 3- , 0 , 3 , 6 , ... و یا به عبارت دیگر مضارب 3 . هر مقداری به غیر از مضرب Step غیر قابل قبول خواهد بود .
نکته 1 : خاصیت step با کنترل های زیر به کار می رود .
• number • range • month • date • time
نکته 2 : از خاصیت step می توانید همراه با خواص minو max برای تعیین محدوده مجاز اعداد وارد شده در یک کنترل استفاده نمایید . 		new in HTML5
<  input step="number" />

An HTML form with an input field with a specified legal number intervals: <  form action="demo_form.asp">
<  input type="number" name="points" step="3">
<  input type="submit">
<  /form>

An HTML form with an input field with a specified legal number intervals:












value : اين خاصيت برای کنترل های مختلف ، حالت های زير را دارد :
•در دکمه فرمان ها ( button , reset buttons , submit buttons ) :
متن روی دکمه فرمان را تعيين می کند .

•در تصاوير ( images ) :
مقداری که در هنگام ارسال اطلاعات فرم به جای مقدار عکس می نشيند .

•در دکمه های انتخابی ( radio buttons , checkbox ) :
مقداری است که در صورت انتخاب کردن ( تيک زدن ) دکمه انتخابی در هنگام ارسال اطلاعات فرم به عنوان مقدار آن کنترل ارسال می شود .

•در کادرهای متن يا کنترل های مخفی( textbox , password , hidden ) :
مقدار پيش فرض کنترل را تعيين می کند .
نکته : اين خاصيت با کنترل file به کار نمی رود . 		<  input value="text" />

<  form action="demo_form.asp">
First name: <  input type="text" name="fname" value="John">
Last name: <  input type="text" name="lname" value="Doe">

<  input type="submit" value="Submit form">
<  /form>

First name:
Last name:











type : نوع کنترل را مشخص می کند .



تگ <  button>
توسط <  button> میتوان دکمه های فرمان ساخت.در بین دو تگ <  button> میتوان تگ های html دیگه ای هم قرار داد.
مهمترین خاصیت های تگ <  button> عبارنتد از:

autofocus  new in HTML5
disabled
form  new in HTML5
formaction  new in HTML5
formenctype  new in HTML5
formmethod  new in HTML5
formnovalidate  new in HTML5
formtarget  new in HTML5
name
type → button , reset , submit
value
برای اطلاع از کاربرد هر یک از خصوصیات به بالا مراجعه کنید کاربرد خصوصیات با خصوصیات تگ Input یکی است 		<  input type=" ** " />

<  form>

Button input :

Button tag : OK
<  button type="button">OK<  /button>

Checkbox :

Color :     new in HTML5

Date :     new in HTML5

Datetime :     new in HTML5

Datetime-local :     new in HTML5

Email :     new in HTML5

File :

Hidden :

Image :

Month :     new in HTML5

Number :     new in HTML5

Password :

Radio :

Range :     new in HTML5

Reset :

Search :     new in HTML5

Tel :     new in HTML5

Text :

Time :     new in HTML5

Url :

Week :     new in HTML5

<  /form>
تگ <  /textarea>
برای ايجاد يک کادر متن به کار می رود .

autofocus :اگر این خاصیت برای textarea قرار داده شود بلافاصله پس از رفرش شدن صفحه مکان نمای متنی موس در ان قرار میگیرد . اگر در صفه از چند textarea استفاده شده باشد کاربرد دارد

cols : برای تعیین پهنا کاربرد دارد

disabled : چنانچه مقدار اين خاصيت بر روی disabled تنظيم شده باشد ، آن کنترل غير فعال بوده و کاربر عملا امکان استفاده از آن را نخواهد داشت

form : توسط این خاصیت میتوان textarea که خارج از فرمی قرار دارد را به ان فرم ربط داد

maxlength : حداکثر تعداد کاراکترهايی که می توان در textarea کنترل وارد کرد را تعيين می کند .

name : ایجاد یک نام دلخواه برای textarea

placeholder : توسط این خاصیت می توان یک متن راهنما در خود textarea قرار داد که وقتی کاربر درون textarea کلیک کند سریعا محو میشود

readonly : درون کادر textarea هیچ تغییری نمیتوان داد و متن درو ان را فقط میتوان خواند

required : تعیین می کند که کاربر حتما باید در کنترل مقداری وارد کرده و آن را خالی رها نکند . اگر کاربر مقداری در کنترل وارد نکند و بخواهد فرم را ارسال نماید برنامه error داده و مانع ارسال آن می شود .

rows : برای تعیین ارتفاع کاربرد دارد

wrap : این خاصیت نشان میدهد که متن درون باکس بعد از اینکه به اندازه پهنای باکس رسید شکسته شود یا خیر اگر بر روی گزینه off قرار گیرد متن درون باکس در عرض اسکرول میگیرد
 <  textarea rows="4" cols="50">

At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.

<  /textarea>

rows="4" cols="50"

disabled

maxlength="5"

placeholder

readonly

required

wrap="off" wrap="hard" At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.



Attributes:
autofocus    new in HTML5
cols
disabled
form    new in HTML5
maxlength    new in HTML5
name
placeholder    new in HTML5
readonly
required    new in HTML5
rows
wrap    new in HTML5
تگ <  select> :
از کنترل select برای ايجاد يک ليست باز شو استفاده می شود . اين ليست می تواند دارای گزينه های مختلفی باشد که هر کدام توسط يک تگ < option > تعيين می شود :

multiple : در صورتی که مقدار اين خاصيت برابر multiple تنظيم شود ، می توان در هر لحظه بيش از يک مورد را از ليست انتخاب کرد . در حالت پيش فرض ، در هر لحظه حداکثر می توان يک مورد را از ليست انتخاب کرد .

size : توسط اين خاصيت می توان تعداد آيتم های قابل مشاهده در ليست را در حال عادی ( بسته بودن ليست ) تعيين کرد . به طور پيش فرض فقط يک آيتم از ليست قابل مشاهده است .
 <  select>
            <  option value="volvo">Volvo<  /option>
            <  option value="saab">Saab<  /option>
            <  option value="mercedes">Mercedes<  /option>
            <  option value="audi">Audi<  /option>
<  /select>

Attributes:
autofocus    new in HTML5
disabled
form    new in HTML5
multiple
name
required    new in HTML5
size


normal
VolvoSaabMercedesAudi

multiple
VolvoSaabMercedesAudibmwpeykansorenjagvar

disabled
VolvoSaabMercedesAudi

size
VolvoSaabMercedesAudibmwpeykansorenjagvar
تگ <  optgroup> :
توسط این تگ میتوان گزینه های یک لیست را به صورت دسته بندی در اورد 		<  select>

<  optgroup label="Girl">
    <  option value="volvo">Sara<  /option>
    <  option value="saab">Fatemeh<  /option>
<  /optgroup>
<  optgroup label="boy">
    <  option value="mercedes">Ali<  /option>
    <  option value="audi">Ahmad<  /option>
    <  option value="bmw">Sepehr<  /option>
<  /optgroup>
<  optgroup label="car" disabled>
    <  option value="peykan">peykan<  /option>
    <  option value="soren">soren<  /option>
    <  option value="jagvar">jagvar<  /option>
<  /optgroup>

<  /select>

optgroup
open the list...SaraFatemehAliAhmadSepehrpeykansorenjagvar
تگ <  keygen>
هدف از قرار دادن تگ High GradeMedium Grade در یک فرم ، ایجاد راهی برای شناسایی هویت کاربران است . این تگ یک فیلد کلید جفتی ( کلید رمز نگاری شده ) را در فرم های Html ایجاد می کند . هنگامی که کاربر مقدار را در فیلد وارد کرده و فرم را ارسال می کند ، دو کلید تولید می شود . یکی کلید خصوصی و دیگری کلید عمومی .

کلید خصوصی بصورت محرمانه بر روی کامپیوتر کاربر ذخیره شده و کلید عمومی به سرور ارسال می شود . کلید عمومی می تواند به عنوان یک شناسه یا مدرک برای شناسایی کاربر در آینده استفاده می شود .

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

این تگ در مرورگر IE ساپورت نمیشود

این تگ جزو تگ های جدید html5 است 		< form action="demo_keygen.asp" method="get" >

Username: < input type="text" name="usr_name" >
Encryption: < keygen name="security" >
< input type="submit" >

< /form>


Username:
Encryption: High GradeMedium Grade‌‌



Attributes new html5 :
autofocus
challenge
disabled
form
keytype
name
تگ <  output>
این تگ می تواند خروجی یک عمل محاسباتی را بر روی صفحه نمایش دهد . این عمل محاسباتی معمولا توسط یک اسکریپت اجرا می شود .
برای اجرای صحیح این تگ از مرورگر کروم استفاده کنید
این تگ در مرورگر IE پشتیبانی نمیشود
تگ جدید در html5 است 		< form oninput="x.value=parseInt(a.value)+parseInt(b.value)" >0

< input type="range" id="a" value="50" >100
+< input type="number" id="b" value="50" >
=< output name="x" for="a b" >< /output >

< /form>


Attributes:
for
form
name


مطالب مشابه :


برگزاری جشنواره ساخت وسایل آزمایشگاهی و کمک آموزشی

بسمه تعالي . فرم ثبت نام جشنواره ساخت وسايل آزمايشگاهي . و كمك آموزشي . آخرين مهلت ارسال فرم



اموزش ساخت وبلاگ در بلاگفا

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



مجموعه تگ های ساخت فُرم

این وبلاگ تعطیل شد پنج شنبه - ۲۰ فروردین ۱۳۹۴



آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل اول")

انجمن مهندسي كامپيوتر - آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل اول")



فرم ثبت نام ملک برای فروش یا اجاره

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



آموزش ساخت وبلاگ

آموزش ساخت در فرم ثبت نام میبایست یک نام کاربری (username) برای خود در نظر بگیرید و توجه



آموزش ساخت وبلاگ در بلاگفا

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



آموزش ساخت و ارسال ایمیل در یاهو همراه با تصویر

فرم ثبت نام ایمیل یاهو ۳ قسمت اصلی دارد: در مطلب قبل نحوه ساخت ایمیل در یاهو را فرا گرفتیم.



آموزش ساخت وبلاگ در بلاگفا

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



راهنمای ثبت نام و ایجاد وبلاگ در بلاگفا

در فرم ثبت نام میبایست یک نام کاربری (username) برچسب‌ها: اموزش ساخت وبلاگ



برچسب :