HTML 表单

HTML 表单用于搜集不同类型的用户输入。

元素

HTML 表单用于收集用户输入。

<form> na fahimta na fahimta na fahimta na fahimta na fahimta na fahimta na fahimta na fahimta.

实例

<form>
 .
form elements
 .

Fahimta na fahimta na fahimta na fahimta.Fahimta na fahimta.。

Fahimta na fahimta na fahimta shine kuma na fahimta na fahimta, fahimta na fahimta, fahimta na fahimta, fahimta na fahimta, fahimta na fahimta da fahimta na fahimta.

<input> na fahimta.

<input> Fahimta na fahimta na fahimta shine.Fahimta na fahimta.。

An amfana da rufin <input> na fahimta a cikin fahimta na fahimta, kamar yadda ake amfana da shi. type Hukuma.

An amfana da rufin yadda ake amfana da shi a cikin fahimta na fahimta:

Rajefin. 描述
text Taimakawa na fahimta na fahimta.
radio Taimakawa na fahimta na fahimta.
submit Taimakawa na fahimta na fahimta.

Iyali:An fahimta da cewa za a fahimta da fahimta na fahimta a cikin fahimta na fahimta.

Fahimta na fahimta.

<input type="text"> Taimakawa.Fahimta na fahimta.Fahimta na fahimta na fahimta.

实例

<form>
 اسمك الاول:<br>
<input type="text" name="firstname">
<br>
 اسم العائلة:<br>
<input type="text" name="lastname">

جرب بنفسك

A kusa da browser, ana gani shi kamar yin:

First name:


Last name:

Iyali:Fahimta na fahimta za a fahimta a fahimta na fahimta kuma ana gani shi a kusa da fahimta. Bana kuma kara kara fahimta na fahimta a cikin fahimta na fahimta.

Fahimta na fahimta na fahimta.

<input type="radio"> Taimakawa.Fahimta na fahimta.。

Fahimta na fahimta za a fahimta a fahimta a fahimta na fahimta.

实例

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female

جرب بنفسك

Fahimta na fahimta a kusa da browser shine kamar yin:

Male

Female

Fahimta na fahimta.

<input type="submit"> Taimakawa na fahimta don.Taimakawa na fahimta.（form-handler）Fahimta.Fahimta na fahimta.

Taimakawa na fahimta na fahimta shine waje ko yan da ke gurbin taimakawa na fahimta da ke amfana da fahimta na fahimta.

Taimakawa na fahimta a fahimta na fahimta. action An gani shi a cikin hukuma:

实例

<form action="action_page.php">
اسمك الاول:<br>
<input type="text" name="firstname" value="Mickey">
<br>
اسم العائلة:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

جرب بنفسك

A kusa da browser, ana gani shi kamar yin:

First name:


Last name:


Action na hukuma.

Action na hukuma.Taimakawa da ake amfana da shi a fahimta a fahimta.

Yadda ake amfana da fahimta a hukuma waje shi ne amfana da shi a cikin ciwon taimakawa.

Kamar yadda ake ganin, fomu za a fahimta ta zama waje ko yan a hukuma waje ɗin yan.

A cikin tsohon, anan ce gurbi a hukuma waje ceke da ke taimakawa da kama a fassara fomu an fahimta:

<form action="action_page.php">

إذا تم تمرير خاصية action، سيتم تعيين action إلى الصفحة الحالية.

خاصية الطريقة

خاصية الطريقةيحدد الطريقة HTTP المستخدمة في تقديم الاستمارة (GET أو POST)

<form action="action_page.php" method="GET">

أو:

<form action="action_page.php" method="POST">

متى تستخدم GET؟

يمكنك استخدام GET (الطريقة الافتراضية):

إذا كانت عملية تقديم الاستمارة غير نشطة (مثل استعلام البحث) وليس هناك معلومات حساسة.

عند استخدام GET، تكون بيانات الاستمارة مرئية في عنوان الصفحة:

action_page.php?firstname=Mickey&lastname=Mouse

Iyali:يتم استخدام GET لتحويل كمية صغيرة من البيانات. يقوم المتصفح بتعيين حد للطاقة.

متى تستخدم POST؟

ينبغي عليك استخدام POST:

إذا كانت الاستمارة تهدف إلى تحديث البيانات أو تحتوي على معلومات حساسة (مثل كلمة المرور).

أمان POST أفضل لأن البيانات المقدمة في عنوان الصفحة غير مرئية.

خاصية الاسم

على كل حقل إدخال أن يكون له خاصية name لتقديمها بشكل صحيح.

في هذا المثال سيتم تقديم "اسم العائلة" فقط من حقل الإدخال:

实例

<form action="action_page.php">
اسمك الاول:<br>
<input type="text" value="Mickey">
<br>
اسم العائلة:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

جرب بنفسك

استخدم النوع لجمع بيانات الاستمارة

<fieldset> النوع يجمع البيانات المتعلقة بالاستمارة

<legend> النوع يحدد العنوان للنوع <fieldset>.

实例

<form action="action_page.php">
<fieldset>
<legend>معلومات شخصية:</legend>
اسمك الاول:<br>
<input type="text" name="firstname" value="Mickey">
<br>
اسم العائلة:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>

جرب بنفسك

حاوية الهايبر تي ام اللى تظهر فالمرور تضمن هذة الشكل:

Personal information:
First name:


Last name:


HTML Form 属性

HTML

元素，已设置所有可能的属性，是这样的：

实例


.
form elements
 .

下面是

属性的列表：

属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。

Iyali:Za ta iya samun samun kwararrin kananan game da attibutin a yankin da za a samu a h�rɗe.