Vorgehensweise progressive enhancement?

[Siri]

Hallo,

wie geht man das prinzipiell an?

Mal ein Beispiel: Eine Upload-Seite.

Standardfall:
<input name="Datei" type="file>

Wenn es aber möglich ist und der Browser JS aktiviert hat, dann soll eine Lösung mit Drag and Drop (z.b. html5doctor) zum Einsatz kommen. Das versteht man doch unter progressive enhancement, oder?

In dem Fall wäre <input name="Datei" type="file> durch eine entsprechende "Droparea" (mit JavScript) zu ersetzen. Die Frage: Wann und wie? Ist das Inputfeld erstmal gerendert wäre das ja eine unschöne Sache. Also auf "Dom ready" warten ist zu spät. Aber ein Element zuersetzen, dass noch nicht im DOM-Baum ist, ist auch unschön. Und wird die "Droparea" schon als html-Element ausgeliefert oder im JS generiert?

Viele Grüße
Siri