如何在html中添加溢出自动输入类型

问题描述：

这是我的代码。

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

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>

答

我想你说的是滚动条。在右侧显示滚动条。使用overflow-y:auto;

JSfiddle

不是关于滚动条我说的光标，当我们点击描述 – user6728960

你可以看到，如果我们点击名称，电话，电子邮件游标是从占位符值开始，以相同的描述以及需要更改， – user6728960

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

答

使用此

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

溢出不起作用 – user6728960

如何在html中添加溢出自动输入类型

相关推荐