تبلیغات
expression blend - فرم ها در HTML
expression blend

هوش و استعاد ایرانی ها فوق العاده است

فرم ها در HTML

سه شنبه 25 آبان 1389

نوع مطلب :HTML، 

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


مثالها

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

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

(مثالهای بیشتر، در انتهای این صفحه آمده است)


فرم ها

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

<form>
<input>
<input>
</form>


input

در برچسب <form> برچسب <input>بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می شود.انواع پر کاربرد ورودی ها در پایین توضیح داده شده اند.

فیلدهای متنی

فیلد متنی هنگامی استفاده می شود که شما می خواهید کاربر ، حروف ، اعداد و... را تایپ کند.
First name:

Last name:

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

توجه کنید که خود فرم قابل رویت نیست ، همچنین توجه داشته باشید که در بیشتر مرورگرها طول فیلد متنی بطور پیش فرض 20 کاراکتر است.

دکمه های رادیویی

دکمه های رادیویی زمانی استفاده می شوند که شما می خواهید از بین تعداد محدودی انتخاب، یکی را انتخاب کند.
male
female
<form>
First name: <input type="radio" name="sex" value="male"> male
<br>
Last name:
<input type="radio" name="sex" value="female" > femail
</form>
توجه کنید که فقط یک گزینه می تواند انتخاب شود.

چک باکس ها (check boxes)

چک باکس ها زمانی استفاده می شوند که شما بخواهید کاربر از میان تعداد محدودی انتخاب ، یک یا چند گزینه را انتخاب کند.
I have a bike
I have a car
<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car" >
I have a car
</form>

عنصر Action فرم و دکمه Submit

هنگامی که کاربر روی دکمه "Submit" کلیک می کند ، محتویات فرم به یک فایل دیگر فرستاده می شوند. فایل معرفی شده در عنصر Action معمولا کاری را با اطلاعات ورودی دریافتی انجام می دهد.
<form name="input value" action="action1.asp">
username:
<input type="text" name="username">
<input type="submit" value="submit">
</form>
username:
اگر شما تعدادی کاراکتر در فیلد متنی بالا تایپ کنید و دکمه "Submit" را کلیک کنید شما ورودی خود را به صفحه ای که "action1.asp" نام دارد خواهید فرستاد.آن صفحه به شما ورودی های دریافتی را نشان خواهد داد.

مثالهای بیشتر

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

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

انتخاب کرکره ای ساده
این فیلد انتخابی، همانند دکمه رادیویی، برای انتخاب یک مورد از چند مورد، به کار می رود. با این تفاوت که فهرست عناصر بصورت کرکره، باز و بسته می شوند؛ و عنصر انتخابی فقط دیده می شود.

فیلد کرکره ای (2)
این مثال نیز فیلد کرکره ای را نمایش می دهد. با این تفاوت که برای این فیلد، یکی از مقادیر فهرست انتخابف به عنوان مقدار پیش فرض تعیین شده است.

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

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

مجموعه فیلدها
به کمک این سازه می توان حاشیه و عنوانی را برای یک یا چند فیلد ورودی تعیین کرد. این دسته بندی به کاربر کمک می کند که مجموعه اطلاعات مرتبط با هم را بهتر تشخیص دهد.

مثالهای فرم

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

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

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

ارسال نامه الکترونیکی به کمک فرم
در این مثال روش ارسال email به کمک فرم، نشان داده شده است. به موجودیت action فرم توجه کنید.


برچسب های فرم

برچسب ها توضیحات
<form> یک فرم برای ورودی کاربران معرفی می کند
<input> فیلد ورودی معرفی می کند
<textarea> یک ورودی متن چند خطی  معرفی می کند
<label> یک برچسب برای ورودی ها معرفی می کند
<fieldset> یک مجموعه از فیلدها معرفی می کند
<legend> یک عنوان برای fieldset معرفی می کند
<select> یک لیست قابل انتخاب معرفی می کند
<optgroup> یک گروه از گزینه ها معرفی می کند
<option> یک گزینه در لیست باز شونده معرفی می کند
<button> یک دکمه را معرفی می کند
<isindex> توصیه می شود به جای آن از input استفاده کنید


Cialis pills
یکشنبه 2 تیر 1398 10:18 ب.ظ

You said it very well..
cialis generico en mexico cialis 20mg prix en pharmacie cialis canadian drugs cialis uk cialis 20mg prices on cialis 10 mg cialis 5 mg schweiz cialis 5 mg scheda tecnica look here cialis order on line cialis professional from usa
cialis ahumada
یکشنبه 2 تیر 1398 07:00 ق.ظ

Kudos! A good amount of write ups.

precios cialis peru cialis tablets australia achat cialis en itali miglior cialis generico cialis kaufen cialis patent expiration costo in farmacia cialis enter site 20 mg cialis cost cialis 20 mg cost cialis vs viagra
http://gaytresnie.strikingly.com/
شنبه 1 تیر 1398 02:53 ب.ظ

Truly plenty of fantastic advice.
ou trouver cialis sur le net brand cialis nl buying cialis overnight bulk cialis generic cialis levitra cialis kaufen wo cialis generika cialis cuantos mg hay cialis patentablauf in deutschland cialis without a doctor's prescription
Buy cialis online
جمعه 31 خرداد 1398 10:32 ب.ظ

Thanks. I appreciate this!
40 mg cialis what if i take cialis patentablauf in deutschland cialis online cialis generique tarif cialis france cialis sicuro in linea viagra cialis levitra generic cialis 20mg uk we choice cialis uk canadian cialis
http://distkercgi.strikingly.com/
جمعه 31 خرداد 1398 06:50 ق.ظ

Incredible a good deal of awesome info!
buy cialis uk no prescription sialis buy cialis online wow look it cialis mexico ou trouver cialis sur le net cialis 20mg preis cf cialis 5 mg generic cialis at the pharmacy cialis 05 cialis rezeptfrei
http://beforgo.strikingly.com/
پنجشنبه 30 خرداد 1398 01:39 ب.ظ

You stated this wonderfully.
i recommend cialis generico price cialis wal mart pharmacy cialis 30 day sample cialis baratos compran uk venta cialis en espaa viagra vs cialis we like it safe cheap cialis does cialis cause gout trusted tabled cialis softabs generic cialis soft gels
http://extansinl.strikingly.com/
چهارشنبه 29 خرداد 1398 07:42 ب.ظ

You made your point quite well..
viagra cialis levitra legalidad de comprar cialis cialis billig cialis 5 mg para diabeticos order cialis from india venta de cialis canada buy online cialis 5mg only here cialis pills only now cialis 20 mg cipla cialis online
http://pinstinggast.strikingly.com/
چهارشنبه 29 خرداد 1398 03:32 ق.ظ

Info clearly regarded!!
cialis price thailand cialis kaufen wo achat cialis en suisse where do you buy cialis achat cialis en europe tarif cialis france free generic cialis side effects of cialis cialis ahumada cialis for sale
buy discount cialis
سه شنبه 28 خرداد 1398 04:48 ق.ظ

Many thanks, I appreciate it.
cialis generico en mexico cialis tablets for sale cialis side effects dangers cialis diario compra achat cialis en europe cialis 5 mg para diabeticos generic for cialis overnight cialis tadalafil cialis generic tadalafil buy tadalafil 10 mg
http://lilipa.strikingly.com/
دوشنبه 27 خرداد 1398 01:49 ب.ظ

Appreciate it. A good amount of information!

estudios de cialis genricos prices for cialis 50mg cialis great britain bulk cialis cialis 5mg cialis 5mg billiger buy cheap cialis in uk rx cialis para comprar cialis bula cialis price thailand
Cialis pills
یکشنبه 26 خرداد 1398 11:40 ب.ظ

Amazing plenty of beneficial tips.
cialis ahumada we like it safe cheap cialis cialis without a doctor's prescription cialis generico milano opinioni cialis generico cialis 50 mg soft tab cialis prices cialis generico postepay tadalafil 5mg only now cialis 20 mg
Cialis canada
یکشنبه 26 خرداد 1398 09:24 ق.ظ

Really plenty of valuable knowledge!
usa cialis online cheap cialis cialis free trial get cheap cialis buying cialis in colombia price cialis wal mart pharmacy cialis sans ordonnance what is cialis generic cialis 20mg tablets cialis et insomni
prezzo cialis a buon mercato
شنبه 25 خرداد 1398 07:47 ب.ظ

You actually stated it superbly.
viagra cialis levitra cialis soft tabs for sale costo in farmacia cialis click here cialis daily uk cialis generique cialis generico lilly cialis generico in farmacia cialis from canada cialis price thailand sublingual cialis online
Generic cialis
شنبه 25 خرداد 1398 05:29 ق.ظ

Great material. Thank you.
cialis generico lilly cialis generico in farmacia cialis free trial buying cialis on internet generic cialis cialis generico online cilas click now buy cialis brand generic cialis with dapoxetine brand cialis nl
http://sidebel.strikingly.com/
جمعه 24 خرداد 1398 03:21 ب.ظ

Nicely put. With thanks.
cialis official site where do you buy cialis il cialis quanto costa discount cialis buy cialis cialis en 24 hora only best offers 100mg cialis online cialis safe dosage for cialis cheap cialis
Buy cialis online
جمعه 24 خرداد 1398 12:59 ق.ظ

Cheers. Very good information!
cialis farmacias guadalajara achat cialis en europe non 5 mg cialis generici tadalafil 10 mg cialis rezeptfrei sterreich cialis pas cher paris where do you buy cialis generic cialis with dapoxetine tadalafilo cost of cialis per pill
generic cialis viagra
پنجشنبه 23 خرداد 1398 11:24 ق.ظ

You actually said this wonderfully!
we choice free trial of cialis how do cialis pills work generic cialis pill online cialis alternative we like it safe cheap cialis cialis professional from usa cialis generique cialis baratos compran uk cialis price thailand generic cialis at the pharmacy
cialisvie.com
دوشنبه 20 خرداد 1398 09:24 ب.ظ

Seriously a good deal of useful data!
where cheapest cialis cialis 5mg billiger brand cialis nl buying cialis in colombia cialis rezeptfrei cialis online deutschland acquisto online cialis cialis generico milano cialis generico we recommend cheapest cialis
http://cialisvie.com/
یکشنبه 19 خرداد 1398 03:35 ب.ظ

Seriously loads of excellent tips!
cialis canada on line cuanto cuesta cialis yaho cialis 20mg prix en pharmacie buy cialis sample pack generico cialis mexico safe dosage for cialis cialis generic availability cialis sicuro in linea does cialis cause gout brand cialis generic
cialisvie.com
شنبه 18 خرداد 1398 10:01 ق.ظ

Good stuff, Thanks!
cialis cost 5 mg cialis coupon printable cialis efficacit canada discount drugs cialis free generic cialis cialis purchasing opinioni cialis generico only best offers cialis use cialis 50 mg soft tab warnings for cialis
blue pill viagra buy
شنبه 18 خرداد 1398 05:33 ق.ظ

Appreciation to my father who shared with me regarding this website, this blog is actually remarkable.
http://dside.com.ua/vacancy
سه شنبه 3 اردیبهشت 1398 05:39 ق.ظ
ルイヴィトンスーパーコピー,ルイヴィトンバッグコピー,ルイヴィトンコピー,ルイヴィトン財布コピー,ブランドコピー
http://www.smolensk-filarmonia.ru/poster/svyatki
سه شنبه 3 اردیبهشت 1398 05:39 ق.ظ
ブランドコピー時計
http://canadianpharmacyonl.com/
شنبه 24 فروردین 1398 04:09 ق.ظ

You expressed this fantastically.
prescription drugs without prior prescription safe canadian online pharmacies online pharmacies tech school online canadian pharmacy legitimate canadian mail order pharmacies canadian online pharmacies canadian pharmacies that ship to us canadian pharmaceuticals stocks canadian rxlist Canadian Pharmacy USA
Buy cialis online
جمعه 16 آذر 1397 10:01 ق.ظ

Beneficial posts. Cheers!
cialis 20mg prix en pharmacie cialis lowest price india cialis 100mg cost generic cialis at walmart rx cialis para comprar cialis generique 5 mg bulk cialis link for you cialis price cialis for bph cialis 10mg prix pharmaci
Buy cialis
پنجشنبه 15 آذر 1397 02:53 ب.ظ

Thanks a lot, I value it!
cialis sale online cialis generic india cialis 100mg cost cialis online deutschland discount cialis canadian cialis price cialis per pill online cialis click now buy cialis brand cialis coupons
Cialis prices
چهارشنبه 14 آذر 1397 06:55 ب.ظ

Terrific advice. Thanks a lot!
cialis kamagra levitra cialis e hiv how do cialis pills work canadian drugs generic cialis buy cialis online cheapest free generic cialis where do you buy cialis tadalafil 5mg how to purchase cialis on line cialis side effects dangers
Cialis pills
چهارشنبه 14 آذر 1397 05:25 ق.ظ

You actually explained it well!
cialis en mexico precio effetti del cialis acquisto online cialis cialis daily new zealand cialis rezeptfrei sterreich warnings for cialis cialis professional yohimbe buy cialis online cialis 20 mg best price buy cialis online legal
buy cialis online best price
سه شنبه 13 آذر 1397 06:10 ب.ظ

You actually reported it fantastically!
cialis 5 mg buying cialis in colombia cialis kaufen wo tadalafil cialis price thailand buying cialis overnight rx cialis para comprar safe site to buy cialis online cialis daily cialis pills boards
Online cialis
سه شنبه 13 آذر 1397 06:58 ق.ظ

You mentioned it fantastically.
cialis flussig buy cialis cialis price thailand buy cialis cialis soft tabs for sale side effects for cialis cialis cost buy cialis cheap 10 mg cialis 30 day sample buying cialis in colombia
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
نمایش نظرات 1 تا 30


فهرست وبلاگ
پیوندهای روزانه
طبقه بندی
آرشیو
نویسندگان
صفحات جانبی
نظرسنجی
    آیا شما برای آموزش اکسپرشن بلند ویدئوی آموزشی را مفید می دانید؟






آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
جستجو
آخرین پستها
اَبر برچسبها