وانەی 40 لە 67

وانەی ٤٠: خانەی ئیمەیڵ

فایلەکانی دەستپێک: فۆڵدەرێک بە ناوی lesson-40 لەگەڵ index.html و thanks.html. فۆرمەکە:
index.html
<form action="thanks.html" method="get">
  <h2>بەشدار بە لە هەواڵنامەکەمان</h2>
  <p>
    <label for="email">ئیمەیڵ</label>
    <input dir="ltr" id="email" name="email" type="text">
  </p>
  <button type="submit">بەشداربوون</button>
</form>



ناوەڕۆکی ئەم وانەیە بەشی ١: type="email" بەشی ٢: تاقی بکەرەوە (نزیکەی ١ خولەک) بەشی ٣: چی دەکات و چی ناکات؟ (نزیکەی ١ خولەک)

بەشی ١: type="email"

ئێستا خانەکە شێوازی ناونیشانی ئیمەیڵ بۆ ئەوەی پشتراستی بکاتەوە کە ئەوەی لە خانەکەدا نوسراوە بەدروستی ئیمەیڵە. با بە وێبگەڕ بڵێین کە ئەم خانەیە بۆ نووسینی ناونیشانی ئیمەیڵە. بەهای type بگۆڕە:
<input dir="ltr" id="email" name="email" type="email">

بەشی ٢: تاقی بکەرەوە (نزیکەی ١ خولەک)

hello بنووسە و کرتە لە «بەشداربوون» بکە.
وێبگەڕ پەیامێک پیشان دەدات و فۆرمەکە نانێرێت. دەقی پەیامەکە بەپێی وێبگەڕ دەگۆڕێت.
ئێستا hello بسڕەوە و ناونیشانی نموونەی hello@example.com بنووسە. پاشان کرتە لە «بەشداربوون» بکە.

فۆرمەکە دەنێردرێت و thanks.html دەکرێتەوە. ناونیشانەکە ئەم بەشەی تێدایە:
email=hello%40example.com

هێمای @ لە داتای ناونیشانەکەدا بە شێوەی %40 نووسراوە. ئەمە شێوازێکە بۆ کۆدکردنی هێماکان لە ناونیشاندا؛ هەڵە نییە.

بەشی ٣: چی دەکات و چی ناکات؟ (نزیکەی ١ خولەک)

type="email" وا دەکات وێبگەڕ بپشکنێت کە تێکستەکە شێوازی ناونیشانی ئیمەیڵی هەیە. بەڵام ناپشکنێت کە ئەو ناونیشانە بەڕاستی بوونی هەیە، یان هی سەردانیکەرەکەیە.

بەتاڵهێشتنەوەی خانەکەش ڕێگەپێدراوە، مەگەر required زیاد بکەین، کە لە وانەی ٥٤ دەیبینین. لەسەر مۆبایل، وێبگەڕ لەوانەیە کیبۆردێک پیشان بدات کە نووسینی ناونیشانی ئیمەیڵ ئاسانتر دەکات.
هەڵەیەکی باو: وا بزانیت وێبگەڕ دڵنیای کردووەتەوە کە ئەو ناونیشانی ئیمەیڵە بەڕاستی بوونی هەیە.
پوختە
  • type="email" وا دەکات وێبگەڕ شێوازی ناونیشانی ئیمەیڵ بپشکنێت.
  • ناپشکنێت کە ناونیشانەکە بەڕاستی بوونی هەیە یان هی بەکارهێنەرەکەیە.
  • بەتاڵهێشتنەوەی خانەکە ڕێگەپێدراوە، مەگەر requiredـی هەبێت.
  • لە ڕاهێناندا ناونیشانی نموونەیی بەکاربهێنە، وەک hello@example.com.
ڕاهێنان
١. hello، hello@ و hello@example.com تاقی بکەرەوە و ببینە کامیان وەردەگیرێن. دوای هەر ناردنێکی سەرکەوتوو، بگەڕێوە بۆ index.html بۆ تاقیکردنەوەی دواتر.
٢. placeholder="name@example.com" وەک نموونە زیاد بکە.
٣. دوای ناردنێکی سەرکەوتوو، ناونیشانی ئیمەیڵەکە لە دێڕی ناونیشانی وێبگەڕدا بدۆزەرەوە و سەیری شێوەی نووسینی @ بکە.

نموونە

html
<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title>ڕاپرسی چا</title>
  </head>
  <body>
    <form action="thanks.html" method="get">
      <h2>بەشدار بە لە هەواڵنامەکەمان</h2>
      <p>
        <label for="email">ئیمەیڵ</label>
        <input dir="ltr" id="email" name="email" type="email">
      </p>
      <button type="submit">بەشداربوون</button>
    </form>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.