html - jquery mobile form's text element not properly rendered

Question

I am novice to jQuery Mobile and now i am working with form element, I have write following code:

<div data-role="page">
    <div data-role="header"></div>
    <div data-role="content">
        <input  type="text" placeholder="Enter some text"/>
         <input  type="password" placeholder="Enter Password"/>
        <input type="button" value="Login"  />
    </div>

</div>

but design not properly rendered in above two input type.i don't know what is issue .
below Picture shows ouput of above code ,in picture it is clearly displayed rendered view.

Answer 1

@Dima Kuzmich 我得到了答案。实际上我使用的是旧版本的 jquery mobile css 1.2.0版本，这就是为什么它会呈现在图像设计之上。

但是当我使用最新版本的 jquery mobile css 1.3.1时，我的问题就完美地解决了。
谢谢@Dima Kulmich。