الفورمات والتسميات

01Labels ضروريين

ربط كل label بالحقل ديالو باستعمال for وid بنفس القيمة. Placeholder غير تلميح، ماشي بديل للِّيبل اللي باين.

<label for="name">Your name</label>
<input id="name" name="name" autocomplete="name" required>

02ختار Input المناسب

استعمل email للإيميلات وtextarea للرسائل الطويلة. الخاصية name كتعرّف الحقل ملي كتتصيفط الفورم. التحقق ديال المتصفح مفيد، ولكن السيرفر حتى هو خاصو يتأكد من البيانات.

<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email" required>
<label for="message">Your project</label>
<textarea id="message" name="message" rows="4"></textarea>

03الفورم خاصو فين يصيفط

HTML بوحدو ما كيصيفطش الإيميلات. الفورم الحقيقي خاصو action خدام ولا JavaScript مربوط بباك إند. جرّب واش كتوصل الرسائل قبل ما تقول للناس بلي توصلو.

<!-- Example only: /contact must be implemented on a server. -->
<form action="/contact" method="post">
  <label for="project">Project</label>
  <input id="project" name="project" required>
  <button type="submit">Send request</button>
</form>

04جرّب براسك

زيد حقل ديال الإيميل ومعاه label. هاد المثال ما كيصيفطش وما كيخزّنش البيانات.

باش تزيد تفهم

تقدر ترجع لـ شروحات MDN و معيار HTML Living Standard باش تفهم أكثر وتشوف التوصيات الجديدة.