024.xhtml (610B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Selection drag and drop from url input to contenteditable element</title> 5 <style type="text/css"> 6 div[contenteditable] 7 {width:300px; 8 height:100px; 9 margin-top:20px; 10 padding:10px; 11 color:white; 12 background-color:navy;} 13 </style> 14 </head> 15 <body onload="document.querySelector('input').select()"> 16 <p>Drag selected url to the blue box. Selected text should be moved to the blue box once you drop it there.</p> 17 <p><input type="url" value="http://example.org"/></p> 18 <div contenteditable="true"/> 19 </body> 20 </html>