وانەی 45 لە 67

وانەی ٤٥: textarea

فایلەکانی دەستپێک: فۆڵدەرێک بە ناوی lesson-45 لەگەڵ index.html و thanks.html. فۆرمەکە:

<form action="thanks.html" method="get">
  <h2>بۆچوونەکانت</h2>
  <button type="submit">ناردن</button>
</form>

ناوەڕۆکی ئەم وانەیە

بەشی ١: خانەی نووسینی چەند دێڕی بەشی ٢: بە وریاییەوە بینووسە بەشی ٣: بینێرە

بەشی ١: خانەی نووسینی چەند دێڕی

خانەی input بە type="text" تەنها بۆ یەک دێڕی تێکستە. بۆ نووسینی نامەیەک بە چەند دێڕ، <textarea> بەکاردەهێنین. لەگەڵ لەیبڵەکەی لەناو فۆرمەکە زیادی بکە، پێش دوگمەکە:

<p>
  <label for="message">نامە</label>
  <textarea id="message" name="message" rows="4"></textarea>
</p>

پاشەکەوتی بکە و لاپەڕەکە نوێ بکەرەوە. خانەیەکی نووسین بە بەرزیی چەند دێڕ دەردەکەوێت. دوو دێڕ بنووسە؛ بۆ دەستپێکردنی دێڕی دووەم، Enter دابگرە.

بەشی ٢: بە وریاییەوە بینووسە

سەرنج بە دوو شت بدە. یەکەم، <textarea> هەم تاگی دەستپێک و هەم تاگی کۆتایی دەوێت، تەنانەت کاتێک بەتاڵیشە. دووەم، تێکستەکەی لەنێوان تاگەکاندا تێکستی دەستپێکی خانەکەیە. بۆ دانانی ئەو تێکستە، تایبەتمەندی value بەکارناهێنین.

تایبەتمەندی rows بەرزیی سەرەتایی خانەکە بە ژمارەی دێڕ دیاری دەکات. ئەمە سنوورێک بۆ بڕی نووسین دانانێت؛ سەردانکەر دەتوانێت دێڕی زیاتر بنووسێت.

بەشی ٣: بینێرە

دەقی ناو خانەکە بسڕەوە. لە دێڕی یەکەم Hello بنووسە، Enter دابگرە، پاشان لە دێڕی دووەم Thanks بنووسە. کرتە لە «ناردن» بکە.

لەسەر شاشە: وێبگەڕ thanks.html دەکاتەوە. ناونیشانەکە ئەم بەشەی تێدایە: message=Hello%0D%0AThanks

دێڕشکاندنەکە لەم داتای نێردراوەدا بە شێوەی %0D%0A نووسراوە. ئەمە شێوازی کۆدکردنی دێڕشکاندنەکەیە لە ناونیشاندا.

هەڵەیەکی باو: <textarea /> بنووسیت بەبێ تاگی کۆتایی </textarea>. لە HTMLـدا، / ئەم توخمە داناخات؛ بۆیە لەوانەیە کۆدی دوای ئەوە وەک تێکست لەناو خانەکەدا دەربکەوێت.

پوختە

<textarea> خانەی نووسینی چەند دێڕی دروست دەکات و تاگی دەستپێک و کۆتایی هەیە.
تێکستی نێوان تاگەکان تێکستی دەستپێکە؛ بۆ ئەمە تایبەتمەندی value بەکارناهێنین.
rows بەرزیی سەرەتایی خانەکە بە ژمارەی دێڕ دیاری دەکات، نەک سنووری نووسین.
لەم فۆرمەدا، دێڕشکاندنەکان لە ناونیشانەکەدا بە شێوەی %0D%0A دەردەکەون.

ڕاهێنان

١. بگەڕێوە بۆ index.html و ڕستەیەکی دەستپێک لەنێوان تاگەکانی <textarea> دابنێ.

٢. rows بگۆڕە بۆ 8، پاشەکەوتی بکە و لاپەڕەکە نوێ بکەرەوە. جیاوازیی بەرزیی خانەکە ببینە.

٣. نامەیەک بە دوو پەرەگراف بنووسە و دێڕێکی بەتاڵ لەنێوانیاندا بهێڵەرەوە. فۆرمەکە بنێرە و دێڕشکاندنەکان لە ناونیشانەکەدا بدۆزەرەوە.

نموونە

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="message">نامە</label>
        <textarea id="message" name="message" rows="4"></textarea>
      </p>
      <button type="submit">ناردن</button>
    </form>
  </body>
</html>

خۆت تاقی بکەرەوە ↗

دەستکاری HTML بکە

ئەنجام

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