2012/02/03

[jQuery mobile]textを作成する

昨日の記事に続いて、今日は、テキストを実装する方法について。
Text inputsを読みながら書いたコードはこちら。

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
<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.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<input type="text" name="name" id="basic" value="" />
</div>
</div>
</body>
</html>
iPod touch上での実行結果は、このようになりました。
Uploaded from the Photobucket iPhone App
自分でライブラリを書いたわけではないのですが、やはりかっけ!!

0 コメント:

コメントを投稿