تبلیغات
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
چهارشنبه 11 مهر 1397 03:32 ق.ظ

You actually reported it superbly!
we choice free trial of cialis cialis australia org cialis kaufen bankberweisung cialis venta a domicilio when will generic cialis be available cialis preise schweiz viagra or cialis compare prices cialis uk cialis canada on line cialis purchasing
buy cialis delhi
دوشنبه 9 مهر 1397 02:43 ق.ظ

Excellent information. Regards!
tadalafil 10 mg viagra vs cialis cost of cialis per pill cialis name brand cheap i recommend cialis generico cialis online napol cialis coupons viagra cialis levitra viagra cialis levitra safe site to buy cialis online
canadian online pharmacies
یکشنبه 1 مهر 1397 05:35 ق.ظ

Amazing a lot of useful material.
best canadian pharmacies online aarp recommended canadian pharmacies online pharmacies mexico canadian pharmaceuticals global pharmacy canada canada medication prices online pharmacy drugs for sale usa rx from canada canada medications cheap
http://cialisvipsale.com/
چهارشنبه 28 شهریور 1397 02:13 ق.ظ

You stated this well!
click here cialis daily uk free cialis wow cialis tadalafil 100mg online prescriptions cialis cialis sicuro in linea tadalafil 20mg the best site cialis tablets cialis per paypa cialis 5 mg effetti collateral does cialis cause gout
eddrugsgeneric.com
پنجشنبه 15 شهریور 1397 06:03 ب.ظ

Really all kinds of beneficial knowledge!
tadalafil 20mg tadalafil 20 mg cialis herbs cialis generic availability acheter du cialis a geneve canadian discount cialis cialis para que sirve cialis generisches kanada cialis 5 mg buy cialis uk
buycialisonli.com
سه شنبه 13 شهریور 1397 01:07 ب.ظ

Really many of very good knowledge.
price for viagra buy viagra now buy generic viagra online cheap buy tadalafil online where can i buy a viagra viagra buy usa where can you buy viagra from generic viagra online pharmacy buy generic viagra australia online pharmacy viagra
http://viabiovit.com/viagra-generico-contrareembolso.html
سه شنبه 23 مرداد 1397 07:11 ق.ظ

Thank you, Valuable information!
buying viagra ireland buy generic viagra no prescription viagra professional buy viagra without rx buy viagra online ireland buy viagra online forum where can i buy viagra from buy viagra no prescription pharmacy order online online viagra without prescription
babecolate.com/cialis-online-buy.html
دوشنبه 22 مرداد 1397 10:51 ب.ظ

Awesome facts. Appreciate it!
cialis 5mg generic cialis pro cialis generika in deutschland kaufen cialis sans ordonnance generic cialis levitra effetti del cialis cialis sicuro in linea viagra vs cialis vs levitra cialis dose 30mg interactions for cialis
Cialis prices
دوشنبه 7 خرداد 1397 11:00 ق.ظ

Whoa tons of great material.
purchase once a day cialis walgreens price for cialis generico cialis mexico sialis where to buy cialis in ontario 40 mg cialis what if i take canadian cialis safe dosage for cialis cialis 20mg preis cf tadalafil
Cialis canada
پنجشنبه 20 اردیبهشت 1397 11:37 ق.ظ

Incredible lots of good information!
buy generic cialis cialis uk next day acquisto online cialis click here cialis daily uk achat cialis en suisse when will generic cialis be available weblink price cialis viagra cialis levitra price cialis best cilas
Viagra lowest price
چهارشنبه 5 اردیبهشت 1397 05:35 ق.ظ

Nicely put. Cheers.
how to order viagra price of viagra viagra online canada buy levitra viagra buying viagra online safe where can u buy viagra viagra cheap online uk buy viagra soft order online viagra sildenafil uk pharmacy
Generic cialis
شنبه 18 فروردین 1397 03:20 ب.ظ

Seriously plenty of superb data!
cialis soft tabs for sale we recommend cialis info only now cialis 20 mg can i take cialis and ecstasy cialis professional from usa cialis preise schweiz cialis great britain achat cialis en europe tadalafilo discount cialis
Buy generic cialis
چهارشنبه 1 فروردین 1397 06:02 ب.ظ

Amazing all kinds of excellent information.
enter site 20 mg cialis cost cialis soft tabs for sale weblink price cialis brand cialis nl cheap cialis 5 mg cialis coupon printable import cialis click here cialis daily uk cialis alternative cialis kaufen
foot pain from shoes
دوشنبه 19 تیر 1396 03:56 ب.ظ
You could certainly see your expertise in the paintings you write.
The sector hopes for more passionate writers like you who are not afraid to
say how they believe. All the time go after your heart.
Suzanna
دوشنبه 25 اردیبهشت 1396 10:37 ق.ظ
If some one needs expert view on the topic of blogging afterward i propose him/her to visit this blog, Keep up the good job.
manicure
یکشنبه 20 فروردین 1396 06:42 ق.ظ
Hi, Neat post. There's an issue with your site in web explorer, could
check this? IE still is the market chief and a huge part of
other people will miss your magnificent writing because of this problem.
BHW
جمعه 18 فروردین 1396 06:35 ب.ظ
Hello would you mind sharing which blog platform you're using?
I'm going to start my own blog soon but I'm having a
tough time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
The reason I ask is because your design and style seems different then most blogs and
I'm looking for something unique. P.S My apologies for getting off-topic but I had to ask!
manicure
جمعه 18 فروردین 1396 12:52 ب.ظ
Today, I went to the beach with my children. I found a sea shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She put
the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
She never wants to go back! LoL I know this is completely off topic but
I had to tell someone!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


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






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