วิธาใช้แอตทริบิวต์ Multiple ใน HTML

บทนำ

แอตทริบิวต์ multiple (Boolean) อนุญาตให้เลือก/กรอกหลายค่าได้ ใช้กับ <input> และ <select>

Input Types ที่รองรับ

ตัวอย่าง Multiple File Upload

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Multiple Attribute</title>
  </head>
  <body>
    <form>
      <input type="file" name="files" multiple><br><br>
      อัปโหลดหลายไฟล์ แล้วกด Submit<br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

ตัวอย่าง Multiple Email

<input type="email" name="emails" multiple placeholder="user1@ex.com, user2@ex.com">

ตัวอย่าง Select Multiple

<select name="skills" multiple size="5">
  <option value="html">HTML</option>
  <option value="css">CSS</option>
  <option value="js">JavaScript</option>
  <option value="php">PHP</option>
  <option value="python">Python</option>
</select>

การรับค่าฝั่ง Server (PHP)

<?php
// File: $_FILES['files'] เป็น Array
// Email: $_POST['emails'] เป็น String "a@b.com, c@d.com" → explode(',', ...)
// Select: $_POST['skills'] เป็น Array
?>