Making the drag and drop work in modified version
Briefly

The article emphasizes the importance of structuring input elements within a properly defined HTML form to enhance usability and accessibility. By utilizing descriptive naming conventions for inputs and replacing generic div wrappers, developers can create clearer and more intuitive interfaces. The suggestion aims to improve user interactions and streamline the data submission process, ultimately leading to a better user experience. Additionally, having a well-defined form semantic helps assistive technologies understand the context and components of the input fields better, making it an essential practice in modern web development.
To enhance usability and accessibility, consider replacing generic div elements with well-defined forms and descriptive input names, ensuring a clearer structure.
It's crucial for forms to be semantically correct; wrapping inputs in a form element not only signifies grouping but also facilitates better user interactions.
Read at SitePoint Forums | Web Development & Design Community
[
|
]