Question

     <div class="form-group">
       <label for="user-message" class="col-lg-2 control-label">Message
       </label>
       <div class="col-lg-10">
           <textarea name="user-message" id="user-message" class="form-control" cols="20" rows="10" placeholder="Enter your Message">
           </textarea> 
       </div><!--end col 10-->
     </div><!--ends from group-->

我是Bootstrap的新手。我试图在placeholder中使用textarea。我无法在Placeholer中看到textarea值。请在此帮助我。

Answer 1

只有在输入组件中没有内容时才会显示占位符文本。

您拥有的<textarea>元素不为空 - 开始和结束标记之间有空格。

修复方法是删除此空格：

 <div class="form-group">
   <label for="user-message" class="col-lg-2 control-label">Message
   </label>
   <div class="col-lg-10">
       <textarea name="user-message" id="user-message" class="form-control" cols="20" rows="10" placeholder="Enter your Message"></textarea>
   </div><!--end col 10-->
 </div><!--ends from group-->

Answer 2

<textarea>元素的开始和结束标记必须位于同一行，否则换行符会占用它。因此，不会显示占位符，因为输入区域包含的内容为newline。

 <div class="form-group">
   <label for="user-message" class="col-lg-2 control-label">Message
   </label>
   <div class="col-lg-10">
       <textarea name="user-message" id="user-message" class="form-control" cols="20" rows="10" placeholder="Enter your Message"></textarea> 
   </div><!--end col 10-->
 </div><!--ends from group-->

JSFIDDLE

Answer 3

使用此代码

＆＃13;

<div class="form-group">
       <label for="user-message" class="col-lg-2 control-label">Message
       </label>
       <div class="col-lg-10">    
<textarea name="user-message" id="user-message" cols="20"  rows="10" class="form-control" placeholder="Enter your Message"></textarea>
 </div><!--end col 10-->
     </div><!--ends from group-->

＆＃13;

“Textarea”的占位符不能在“Bootstrap”中工作

3 个答案: