# 文本輸入框 Text inputs 文本輸入框和文本輸入域使用標準的html標記的，然后Jquery Mobile會讓他們變得更吸引人而且易于觸摸使用 要使用輸入標準文字的輸入框，給input增加type="text"屬性。注意要把label的for屬性設為input的id值，使他們能夠在語義上相關聯，并且要用div容器包裹它們，并給他設定data-role="fieldcontain"屬性 **HTML 代碼:** ``` <div data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> ``` **文本輸入?Text Input:**  ## 密碼輸入框 Password inputs 給input設置type="password"屬性，可以設置為密碼框，注意要把label的for屬性設為input的id值，使他們能夠在語義上相關聯，并且要用div容器包裹它們，并給他設定data-role="fieldcontain"屬性 **HTML 代碼:** ``` <div data-role="fieldcontain"> <label for="password">Password Input:</label> <input type="password" name="password" id="password" value="" /> </div> ``` **密碼輸入框 Password inputs**  ## 其他的標準的HTML5輸入框類型 More standard HTML5 input types 在Jquery Mobile中，你可以使用新的HTML5輸入框類型，比如email, tel, number。Jquery Mobile會把某些類型的輸入框降級為普通的文字輸入框（目前?range和search）。你可以在頁面的插件選項里設置，把需要的input類型降級為普通的文字輸入框 ## 文本域 Textareas 對于多行輸入可以使用textarea元素。Jquery Mobile框架會自動加大文本域的高度防止出現在移動設備中很難使用的滾動條的出現 注意要把label的for屬性設為input的id值，使他們能夠在語義上相關聯，并且要用div容器包裹它們，并給他設定data-role="fieldcontain"屬性 **HTML 代碼:** ``` <div data-role="fieldcontain"> <label for="textarea">Textarea:</label> <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea> </div> ``` **文本域 Textareas**