テキスト入力
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>04 DWテキスト入力</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script> </head> <body> <div data-role="page" id="page"> <div data-role="header"> <h1>ヘッダー</h1> </div> <div data-role="content"> <div data-role="fieldcontain"> <label for="textinput">テキスト入力 :</label> <input type="text" name="textinput" id="textinput" value=""> </div> </div> <div data-role="footer"> <h4>フッター</h4> </div> </div> </body> </html>
パスワード入力
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>05 DWパスワード入力</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script> </head> <body> <div data-role="page" id="page"> <div data-role="header"> <h1>ヘッダー</h1> </div> <div data-role="content"> <div data-role="fieldcontain"> <label for="passwordinput">パスワード入力 :</label> <input type="password" name="passwordinput" id="passwordinput" value="" /> </div> </div> <div data-role="footer"> <h4>フッター</h4> </div> </div> </body> </html>
テキスト領域
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>06 DWテキストエリア入力</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script> </head> <body> <div data-role="page" id="page"> <div data-role="header"> <h1>ヘッダー</h1> </div> <div data-role="content"> <div data-role="fieldcontain"> <label for="textarea">テキストエリア :</label> <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea> </div> </div> <div data-role="footer"> <h4>フッター</h4> </div> </div> </body> </html>