占位符不显示twitter bootstrap文件上传的文本

Question

我正在使用twitter bootstrap版本2.3.2处理表单,表单没有任何标签,每个输入字段都使用占位符.表单上的所有输入字段都显示除文件上载之外的占位符文本.

我试过添加,<input class="input-xxlarge" type="file" name="service_guide" placeholder="Upload image"/>但似乎没有用.

这是fileupload的HTML

<div class="fileupload fileupload-new" data-provides="fileupload">
    <div class="input-append">
        <div class="uneditable-input span3">
            <i class="icon-file fileupload-exists"></i>
            <span class="fileupload-preview"></span>
        </div>
    <span class="btn btn-file">
      <span class="fileupload-new">Select file</span>
      <span class="fileupload-exists">Change</span>
      <input class="input-xxlarge" type="file" name="service_guide"
             placeholder="Upload image"/>
    </span>
        <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
    </div>
</div>

这就是我的表格

我真的很感激这里的任何帮助.

Answer 1

据w3.org,placeholder属性是有效的<输入>仅当type是text,search,url,tel,e-mail,password,或number.

所以,你最好不要使用<input type ="file">的placeholder属性