我在做一個網頁，里面有一個班級項目的所有表格，所以我有這樣一行代碼:

<style>
  input {
    text-align: right;
  }
</style>
<form class="input">
  <input style=" text-align: left; padding: 370px 200px; margin-left: 1110px; position: absolute; margin-top: -600px; width: 20%;" type="tel" id="telefono" name="telefono" ><br>
</form>

我真正想要的是把光標放在左上角

相反，在圖像的中心，我希望它是這樣的:

我已經嘗試了很多事情，比如放入風格:

<style>
  input {
    text-align: right;
    direction: ltr;
  }
</style>

或者訪問w3schools或stackoverflow等網站。

Pd:如果我為此需要javascript，我不知道如何使用它，因為現在課堂上老師沒有教我們，那是明年的事。

這是因為您使用了填充值。您可以看到，您的輸入具有以下內聯樣式填充:370px 200px，在垂直軸上增加370px，在水平訪問上增加200px。

將該值設置為較小的值(零或10px ),它將按照您的需要工作。

我強烈建議您熟悉盒子模型，以了解它是如何工作的