html - jquery モバイル フォームのテキスト要素が正しくレンダリングされない

Question

私はjQuery Mobileの初心者で、現在フォーム要素を扱っています.次のコードを書いています:

<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>

しかし、上記の 2 つの入力タイプではデザインが適切にレンダリングされません。何が問題なのかわかりません。
下の画像は上記のコードの出力を示しています。画像では、レンダリングされたビューが明確に表示されています。