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

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