2013-04-23から1日間の記事一覧

jQueryMobile 問い合わせフォームの作成03

複数行入力ボックスの最適化 「お問い合わせ内容」は複数行入力ボックスですので、textarea要素で記述する この複数行入力ボックスは、入力したテキストの長さに応じて自動的にフォームの高さが変わる ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile Sample</title> </meta></meta></head></html>

jQueryMobile 問い合わせフォームの作成04

フリップスイッチを表示する jQuery Mobile独自のフォーム部品「フリップスイッチ」を使って「性別」の項目を作る フリップスイッチは2つの選択肢からどちらか一方を選択するUI select要素にdata-role属性「slider」を指定し、内側に2つのoption要素で項目を…

jQueryMobile 問い合わせフォームの作成05

使いやすいチェックボックスの追加 「お問い合わせ種別」は、チェックボックスを使う チェックボタンはスマートフォンで非常に使いにくいフォーム部品の1つだが、jQuery Mobileを利用すると指で選択しやすい形状に最適化できる チェックボックスは、type属性…