Placeholder not working

Placeholder is only working for textarea and nothing else, any reason why?

<div style="margin: 0 auto; padding: 20px; width: 100%; color: #fff; font-size: 13px; font-weight: bold;">

<div id="witty">Name (required)<br />
    [text* your-name placeholder"Name"] </div>

<div id="witty">Manufacturer (HP, etc )<br />
    [text* manufacturer] </div>

<div id="witty">Your Email (required)<br />
    [email* your-email] </div>

<div id="witty">Telephone (optional)<br />
    [text text-282 placeholder="offers"] </div>

<div id="witty2">Fully describe your surplus stock that you wish to sell here. (required)<br />
[textarea textarea-369 id:wittybox2 placeholder"TIPS: Please include Quantity, Make, Code & Condition of Boxes/Cartridges for faster accurate offers."]</div>

<div style="height:70px; clear: both;"></div>

<div id="">Verify you are a human (required)<br />
    [captchac captcha-501 size:l][captchar captcha-501]</div>

<div id="wittysub">[submit "Send"]</div>

https://ww.wp.xz.cn/plugins/contact-form-7/