HTML Маягт / Формууд

Хэрэглэгчээс мэдээлэл авч сервер рүү илгээхэд HTML формыг ашигладаг.

Формын үндсэн бүтэц: <form>

<form action="/submit-data" method="POST"> ... </form>

Input төрлүүд

text — энгийн нэг мөр текст оруулах.
password — нууц үг оруулах (тэмдэгтүүд нууцлагдана).
email — и-мэйл хаяг оруулах шалгалттай.
radio — олон сонголтоос зөвхөн нэгийг сонгох.
checkbox — олон сонголтоос нэг эсвэл олныг сонгох.
submit — илгээх товчлуур.

Бусад формын элементүүд

<textarea> — олон мөр текст оруулах. <select> ба <option> — унадаг цэсээс сонголт хийх.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: #1d4ed8; }
</style>
</head>
<body>
<form action="/process.php" method="POST">
  <div>
    <label>Хэрэглэгчийн нэр:</label><br>
    <input type="text" name="username" placeholder="Нэрээ оруулна уу" required>
  </div><br>
  <div>
    <label>Нууц үг:</label><br>
    <input type="password" name="password" required>
  </div><br>
  <div>
    <label>Хот сонгох:</label><br>
    <select name="city">
      <option value="ub">Улаанбаатар</option>
      <option value="darkhan">Дархан</option>
    </select>
  </div><br>
  <div>
    <input type="submit" value="Нэвтрэх">
  </div>
</form>
</body>
</html>

Туршиж үзэх »