text-align per tag input

Question

Io uso il seguente codice per allineare il contenuto di un campo di testo di input:

Path <input type="text" value="http://stackoverflow.com/questions" style="text-align: right;"> 

Problema:
questo non funziona nel caso di un lungo testo.

Poiché sto visualizzando un percorso di cartella, sono interessato a visualizzare l'ultima cartella.
Ho passato molti post relativi all'allineamento del testo, ma tutti consigliano di usare "text-align: right".

Answer 1

È possibile modificaredel testo immesso in rtl in modo da visualizzare l'ultima parte del percorso.

Per ulteriori informazioni, fare riferimento alla mia risposta a una domanda simile qui:

• How to cut off overflow on the left side

input[type="text"] { 
 
    /* text-align: right; */ 
 
    direction: rtl; 
 
}

Path <input type="text" value="https://stackoverflow.com/questions">

Answer 2

Prova a fare in questo modo, aggiungere questo attributo solo per questo tag dir="rtl"

<input type="text" value="http://stackoverflow.com/questions" dir="rtl"> 

Answer 3

L'hack rtl è bello, ma lo rende difficile se in realtà si desidera modificare il valore. E se non lo vuoi, perché renderlo un input in primo luogo?

Così, in alternativa, è possibile impostare il cursore alla fine dell'input utilizzando un pezzo di Javascript:

// Wrap it in a function, if you like. 
 
function selectEnd(input) { 
 
    var pos = input.value.length; 
 
    input.setSelectionRange(pos, pos); 
 
    input.blur(); // Switch from not focus.. 
 
    input.focus(); // .. to focus, to force the cursor into view. 
 
} 
 

 
// Call it for your input. 
 
selectEnd(document.getElementById('path'));

Path <input id="path" type="text" value="http://stackoverflow.com/questions" style="text-align: right;">