แอตทริบิวต์ dirname: ส่งทิศทางข้อความพร้อมฟอร์มใน HTML

แอตทริบิวต์ dirname ใช้ใน <input> และ <textarea> เพื่อส่งทิศทางการเขียนข้อความ (Directionality) พร้อมกับข้อมูลฟอร์ม ค่าที่ส่งจะเป็น ชื่อฟิลด์.dir (เช่น sname.dir=ltr หรือ rtl)

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
    <h2>ฟอร์มติดต่อนักศึกษา</h2>
    <form action="mailto:email@example.com" method="post" enctype="text/plain">
        <label>ชื่อ: 
            <input type="text" name="sname" dirname="sname.dir">
        </label><br>
        <label>วิชา: 
            <input type="text" name="ssubject">
        </label><br>
        <input type="submit" value="ส่ง">
    </form>
</body>
</html>

ข้อมูลที่ส่งไป Server

หากผู้ใช้พิมพ์ "Ahmed" ในฟิลด์ชื่อ (RTL Language) และกด Submit:

sname=Ahmed&sname.dir=rtl&ssubject=Math

ค่าที่เป็นไปได้ของ dirname

• ltr - Left-to-Right (อังกฤษ, ไทย, ญี่ปุ่น, กว่า 90% ภาษา)
• rtl - Right-to-Left (อาหรับ, เฮบรู, ฟาร์สี, อูรดู)
• auto - ให้เบราว์เซอร์เดาจากตัวอักษรแรกที่มีทิศทางชัดเจน

การใช้งานร่วมกับ dir Attribute

<!-- กำหนดทิศทางเริ่มต้นของฟิลด์ -->
<input type="text" name="arabic" dir="rtl" dirname="arabic.dir" placeholder="اكتب هنا">

<!-- Textarea รองรับ dirname เช่นกัน -->
<textarea name="comment" dirname="comment.dir" dir="auto"></textarea>

กรณีการใช้งาน

• เว็บไซต์หลายภาษา (Multilingual) รองรับ RTL/LTR
• ฟอร์มรับข้อมูลจากผู้ใช้ภาษาอาหรับ/เฮบรู
• Backend ต้องการรู้ทิศทางเพื่อจัดเก็บ/แสดงผลถูกต้อง
• Database: บันทึก Direction เพื่อ Render กลับถูกต้อง

Browser Support: Chrome, Edge, Firefox, Safari, Opera (รองรับดีใน HTML5)