如何在html中添加溢出自動輸入類型

這是我的代碼。

<div class="email"> 
    <input type="text" class="form-control" name="description" placeholder="description"> 
</div>

來源

2016-08-18 user6728960

type =「text」不能有滾動條，你的意思是使用type =「textarea」嗎？ – Roberrrt

如果我給textarea的光標顯示在最後，但光標應該顯示在右側如何改變 – user6728960

我不明白你想達到什麼，你有一個例子嗎？請提供 – Roberrrt

給一些填充到您的textarea

textarea { 
    resize: none; 
    padding: 1em; 
}

.phone, .email, .name, .description { 
 
    margin-bottom: 4px; 
 
} 
 
.form-control { 
 
    display: block; 
 
    width: 100%; 
 
    height: 34px; 
 
    padding: 6px 12px; 
 
    font-size: 14px; 
 
    line-height: 1.42857143; 
 
    color: #555; 
 
    background-color: #fff; 
 
    background-image: none; 
 
    border: 1px solid #ccc; 
 
    border-radius: 4px; 
 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
 
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
 
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
 
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
 
} 
 
textarea { 
 
    -webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    border: 1px solid #ddd; 
 
} 
 
textarea { 
 
\t resize: none; 
 
\t padding: 1em; 
 
}

<div class="col-md-3 requestfree"> 
 
\t 
 
\t <div class="name"> 
 
\t \t <input type="text" class="form-control" name="name" placeholder="Name"> 
 
\t </div> 
 
\t <div class="name"> 
 
\t \t <input type="text" class="form-control" name="phone" placeholder="Phone"> 
 
\t </div> 
 
\t <div class="email"> 
 
\t \t <input type="email" class="form-control" name="email" placeholder="Email"> 
 
\t </div> 
 
\t <div class="description"> 
 
\t \t <textarea name="description" style="width:25%;overflow:auto;" placeholder="Description"></textarea> 
 
\t </div> 
 
\t 
 
\t <button type="button" class="btn btn-success">Submit</button> 
 
\t 
 
</div>

來源

2016-08-18 13:00:21

我想你說的是滾動條。在右側顯示滾動條。使用overflow-y:auto;

JSfiddle

來源

2016-08-18 12:50:40 Khurram

不是關於滾動條我說的光標，當我們點擊描述 – user6728960

你可以看到，如果我們點擊名稱，電話，電子郵件遊標是從佔位符值開始，以相同的描述以及需要更改， – user6728960

@ user6728960真的不明白你的意思 –

使用此

<div class="email"> 
    <input type="text" class="form-control" name="description" placeholder="description" style="overflow:auto;"> 
</div>

來源

2016-08-18 12:54:24

溢出不起作用 – user6728960

如何在html中添加溢出自動輸入類型

回答

相關問題