占位符不显示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属性仅对＆lt; input＆gt; 有效 当type为text，search，url，tel，e-mail，password或number时。

因此，您最好不要将placeholder属性用于＆lt; input type =＆＃34; file＆＃34;＆gt;