Rinaye da aikiwa na HTML

Babban karamarun ita na nuna <input> na aikiwa na rinaye.

Rinaye da aikiwa: text

<input type="text"> GudanarFassar da aikiwa naFassar mai suna da aikiwa na

实例


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

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

اسم الأول:


اسم العائلة:

Rinaye da aikiwa: password

<input type="password"> تعریفFassar da aikiwa mai suna：

实例


 Ayyuka mai suna:<br>
<input type="text" name="username">
<br>
 Ayyuka mai suna password:<br>
<input type="password" name="psw">

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

Ayyuka mai suna:


Ayyuka mai suna password:

Kira:Ayyukan mai suna password za a kara yin kare (zai gani shi azaman star ama tukurare).

Rinaye da aikiwa: submit

<input type="submit"> تعریفAboFassar da aikiwa dagaKaiyarin fassar da aikiwana nuna.

Kaiyarin fassar da aikiwa (form-handler) shine tsohon shafin mai jama'ar script don aikiwa da gudanar da kwayoyin girma.

في خاصية action لصيغة، يحدد معالج صيغة (form-handler):

实例

<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">

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

اسم الأول:


اسم العائلة:


إذا كنت قد توقفت عن تحديد خاصية value للزر التقدمي، فإن الزر سيحصل على النص الافتراضي:

实例

<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">

亲自试一试

Input Type: radio

<input type="radio"> تعریف جعبه إذاعية.

النوافذ الإذاعية تسمح للمستخدم باختيار فقط إحدى الخيارات المحددة من عدد محدد.

实例


<input type="radio" name="sex" value="male" checked>مونث
<br>
<input type="radio" name="sex" value="female">مذکر

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

مونث

مذکر

Input Type: checkbox

<input type="checkbox"> تعریف مربع اختيار.

الخيارات المحددة تسمح للمستخدم باختيار صفر أو أكثر من الخيارات المحددة.

实例


<input type="checkbox" name="vehicle" value="Bike">ما داریم سیکلت
<br>
<input type="checkbox" name="vehicle" value="Car">ما داریم کار

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

ما داریم سیکلت

ما داریم کار

Input Type: button

<input type="button"> تعریفباٹن。

实例

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

亲自试一试

Kodin HTML na a yawa a browser ne kamar yadda a hukuma:

Tirar HTML5 da a zaiya samun gida aya da input

HTML5 a kaiwarta da kaiwarta na duki da kuma a zaiya kaiwarta a HTML5:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

Kira:Anan a kaiwarta na web browser na dausi kaiwarta da a zaiya samun gida aya da input a kaiwarta na text.

Tirar input: number

<input type="number"> Dake aya da a zaiya samun gida aya da input na hukunci.

Aka kaiwar da a zaiya kaiwarta kan hukunci.

Dake aya da a zaiya samun gida aya da input a cikin browser.

实例


  Hukunci (daga 1 zuwa 5):
  <input type="number" name="quantity" min="1" max="5">

亲自试一试

Kaiwarta da a zaiya samun gida aya da input

Aka kaiwar da kaiwarta da a zaiya samun gida aya da input da kuma a zaiya kaiwarta a HTML5 (daga cikin su kuma a zaiya kaiwarta a HTML5):

Girmamawa: Bayani:
disabled Kaiwarta da a zaiya samun gida aya da input da a zaiya kaiwarta.
max Kaiwarta da a zaiya samun gida aya da input na yawan kaiwarta.
maxlength Kaiwarta da a zaiya samun gida aya da input na yawan karfin kaiwarta.
min Kaiwarta da a zaiya samun gida aya da input na yawan karfin kainonin.
pattern Kaiwarta da a zaiya samun gida aya da input na regular expression.
readonly Kaiwarta da a zaiya samun gida aya da input da a zaiya kaiwarta (kaiwarta a yiwa).
required Kaiwarta da a zaiya samun gida aya da input da a zaiya buɗe (daukar shirin).
size Kaiwarta da a zaiya samun gida aya da input na kaiwarta.
step Kaiwarta da a zaiya samun gida aya da input na duki.
value Kaiwarta da a zaiya samun gida aya da input.

Aka kaiwar da a zaiya samun ilimi game da kaiwarta input a babban ɗaya.

实例


  Hukunci:
  <input type="number" name="points" min="0" max="100" step="10" value="30">

亲自试一试

Tirar input: date

<input type="date"> Dake aya dona a zaiya shirin da ya kuma ya ɗaukar dayin.

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Karakar dayin:
  <input type="date" name="bday">

亲自试一试

Aka kaiwar da aya da input dona a zaiya shirin:

实例


  Raba dayin da kaiyce 1980-01-01:
  <input type="date" name="bday" max="1979-12-31"><br>
  Kura kashi wata da ke kai tsaye 2000-01-01:
  <input type="date" name="bday" min="2000-01-02"><br>

亲自试一试

Radda mai aiki: color

<input type="color"> Iya amfani da mai shirya domin aiki da ke nufin kashi wata.

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Yan kashi wata ta musamman:
  <input type="color" name="favcolor">

亲自试一试

Radda mai aiki: range

<input type="range"> Iya amfani da mai shirya domin aiki da ke nufin rarraba kashi daban-daban.

Daga cikin browser ke amincewa, mai shirya yana zo cikin kwarin mai aiki.

实例


  <input type="range" name="points" min="0" max="10">

亲自试一试

Iya amfani da ayyukan wannan: min, max, step, value.

Radda mai aiki: month

<input type="month"> Iya bacin kashi wata da shekara.

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Kita (shekara da wata):
  <input type="month" name="bdaymonth">

亲自试一试

Radda mai aiki: week

<input type="week"> Iya bacin kashi wata da shekara.

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Yan kashi wata:
  <input type="week" name="week_year">

亲自试一试

Radda mai aiki: time

<input type="time"> Iya bacin kashi wata (kuma ba za a yi amfani da kwarin wata).

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Yan kashi wata:
  <input type="time" name="usr_time">

亲自试一试

Radda mai aiki: datetime

<input type="datetime"> Iya bacin kashi mutum da lokacin (wanda ke kwarin wata).

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Kita (ya zuwa wa tsaki):
  <input type="datetime" name="bdaytime">

亲自试一试

Radda mai aiki: datetime-local

<input type="datetime-local"> Iya bacin kashi mutum da lokacin (kuma ba za a yi amfani da kwarin wata).

Daga cikin browser ke amincewa, kiyar da aiki yana zo cikin mai shirya.

实例


  Kita (ya zuwa wa tsaki):

亲自试一试

输入类型：email

用于应该包含电子邮件地址的输入字段。

根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。

某些智能手机会识别 email 类型，并在键盘增加 ".com" 以匹配电子邮件输入。

实例


  E-mail:

亲自试一试

输入类型：search

用于搜索字段（搜索字段的表现类似常规文本字段）。

实例


  Search Google:

亲自试一试

输入类型：tel

用于应该包含电话号码的输入字段。

目前只有 Safari 8 支持 tel 类型。

实例


  Telephone:

亲自试一试

输入类型：url

用于应该包含 URL 地址的输入字段。

根据浏览器支持，在提交时能够自动验证 url 字段。

某些智能手机识别 url 类型，并向键盘添加 ".com" 以匹配 url 输入。

实例


  Add your homepage:

亲自试一试