النماذج (Forms)

<!-- نموذج أساسي -->
<form action="/url" method="POST">
  ...
</form>

<!-- أنواع الإدخال -->
<input type="text" name="x" />
<input type="email" name="x" />
<input type="password" name="x" />
<input type="number" name="x" />
<input type="tel" name="x" />
<input type="url" name="x" />
<input type="date" name="x" />
<input type="color" name="x" />
<input type="range" name="x" />
<input type="file" name="x" />
<input type="hidden" name="x" />

<!-- منطقة النص -->
<textarea name="msg" rows="5"></textarea>

<!-- تسمية (إلزامية) -->
<label for="id">التسمية</label>
<input type="text" id="id" name="n" />

<!-- التحقق -->
<input required minlength="3"
       maxlength="50" />
<input type="number" min="0"
       max="100" />
<input pattern="[A-Za-z]{3}" />

<!-- قائمة منسدلة -->
<select name="x">
  <option value="1">واحد</option>
</select>

<!-- مجموعة حقول -->
<fieldset>
  <legend>العنوان</legend>
  <!-- الحقول -->
</fieldset>