[携帯]inputタグの文字色が外側のフォントカラー指定に影響される │ これからゆっくり考L +α
携帯サイトで、背景色を濃い色に、文字色を白（もしくは白に近い色）に指定している箇所に入力フォームを設置する場合、inputタグ（テキストボックスやsubmitボタン）の文字色に注意しましょーというお話です。 サンプルページ QRコード →サンプルページを見る <div style="background:#333333;color:#ffffff;"> ﾒｰﾙｱﾄﾞﾚｽ<br /> <input type="text" value="hogehoge@hoge.jp" name="mail" size="27" style="width:95%" /><br /> <input type="submit" value="送信する" /><br /> </div> 各キャリアでの表示 docomo（F-06B） テキストボックス内の文字色も、submitボタンの文字色も「黒」。 外側のフォン
ラジオボタンにはlabelタグのforが便利 - モジログ
はてなブックマークの「注目エントリー」で、３ユーザと５ユーザの切替ボタンが、 ラベルと連動していないことに気づいた。 HTMLソースでいうと、いま <input value="3" name="threshold" type="radio"> 3users <input value="5" name="threshold" type="radio"> 5users のようになっていますが（ちょっと簡略化しています）、 <input value="3" name="threshold" type="radio" id="button1" /> <label for="button1">3users</label> <input value="5" name="threshold" type="radio" id="button2" /> <label for="button2">5users
フォームモジュール｜携帯対応HTML/XHTMLタグ｜モバイル／スマートフォン｜PHP & JavaScript Room
fieldset〔フォーム要素のグループ化〕 form〔フォーム〕 input〔フォームの入力要素〕 label〔フォーム要素のラベル〕 legend〔フィールドセット（fieldset要素）のタイトル〕 optgroup〔プルダウンメニューの選択肢（option要素）のグループ化〕 option〔プルダウンメニューの選択肢〕 select〔プルダウンメニューの定義〕 textarea〔複数行入力可能なテキストエリア〕 なし なし [SoftBank HTML][SoftBank XHTML] fieldset要素は、ログイン情報、個人情報など、フォーム要素を入力情報によってグループ化する場合に使用するインライン要素です。 注意事項 SoftBank P4(2)型/3GC型端末でのみ利用可。 サンプル <form action="send.php" method="post"> <fiel
maxlength属性の仕様の違いには要注意！ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
この結果を見ると、docomoだけがバイト数として扱っているようだ。SoftBank C型・P型の場合もバイト数として扱っていた記憶があるけど、C型とP型は3月末でサービスが終了したから該当しなくなった。 ちなみにバイト数というのは、シフトJIS換算のバイト長のこと。HTMLのキャラクタエンコーディングをUTF-8にしても、結局はシフトJISでの長さとなる。 影響範囲と対応方法 maxlength属性の仕様の違いが最も影響するのは、DBアクセスがからんできたとき。テーブル定義にもよるけど、フォームで入力したテキストをそのままDBに入れてしまうと、DBアクセスでエラーになる可能性がある。 たとえば、Oracleでフィールド定義が VARCHAR2(20) のカラムに日本語を格納する場合、データベースキャラセットがシフトJISなら全角10文字まで入る。PCサイトが前提ならmaxlength="
[携帯]の入力フォームの横幅制御方法 │ これからゆっくり考L +α
入力フォーム（テキスト：1行）の横幅サイズの調整について、いつもコーディング時に迷うのでメモしておきます。 ※前提条件：3キャリア1ソース、xhtml size="**"のみ指定 <input type="text" size="27" name="hoge" /> 他のキャリアに合わせてサイズを調整していると、auで見た時に縦に2行になる場合があります（※端末の文字サイズにも依存します）。数字が大きすぎた場合？になるようですですが、だからといってauに合わせて数字を小さくすると、他のキャリアで見た時の横幅がかなり短くなってしまいます。 後、sizeで指定すると端末で設定している文字サイズによってフォームの長さも変わってきてしまうので、そこもちょっと気になるところです。 style="width:**"のみ指定 <input type="text" style="width:80%" na
[携帯]フォームで使うパーツまとめ │ これからゆっくり考L +α
携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規
スマートフォンにおけるHTML5対応状況 (2) input typeについて - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
今回はマニアックにinputタグについて掘り下げようかと。 html5からinputタグのtype属性が大量に追加されています。 今までは type="checkbox" type="radio" type="image" type="text" type="password" なんかを使っていたと思いますが、html5では type="tel" type="url" type="number" など、内容に合わせた専用のtype属性が用意されています。 これで id="tel" とか id="url" なんて指定がいりません。 ただ、当然ブラウザごとに対応状況が違います。 せっかくのスマートフォンブログなので、iPhoneとXperiaでの対応状況を調べてみました。 iPhone（iOS） Android（Xperia） 対応 可否 入力モード 対応 可否 入力モード type="che
【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
一度に申し込める数は？
キャッシングによる融資は基本的に1度に何社までという制限はなく、何社申込みを行っても個別に審査が行われる仕組みになっています。 しかし、複数社からの融資を受けている多重債務の状態では、信用性の面から銀行系企業のキャッシングで審査が通りにくくなったり、総量規制による借入限度額上限に引っかかるなどの弊害が生じる可能性があります。 銀行系のローンやキャッシングは、通常の消費者金融より審査基準が高めの傾向を持っている理由から、個人信用情報に事故履歴があったり複数の企業から融資を受けている場合は、非常に不利な条件となってしまいます。 また、総量規制による借入限度額制限は個人年収によって決定される要素である為、複数社へ申し込みを行って全ての審査に通ったとしても、年収に応じた金額分しか借りられない決まりになっています。 消費者金融では他社の借り入れ状況を調査した上で、総量規制による上限額に引っかからない
入力必須項目、地獄の40件でも成果でた！スマホサイトEFOで大事な3点
New Account on HTC Smartphone / digitpedia 「モバイル端末での入力項目は少ないほど、突破率は上がる」 これ、モバイルサイトをディレクションする時の定石です。 モバイルサイトのサービスディレクターを１年以上携わる中で、フォームについては入力項目を減らしたり、簡便化することで、突破率を120％程度アップさせることができました。 ゆえに、自社でスマホサイトを立ち上げるときも同様に入力項目の数を減らしたいと考えていたら・・・なんと。PCサイトとの仕様の兼ね合いにより、入力項目は減らすことはできませんでした。がびーん。 どうにかできるのは、UIだけ。PCと同程度の突破率を担保するため、webディレクターとしてEFO(エントリーフォーム最適化)悪戦苦闘するはめになりました。 自社のECは、商材の都合上個人情報の入力項目が最大40箇所あって大変。しかも漢字入力も
携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたｗものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では本題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TAG index/ケータイ index/HTMLサブセット - フォームタグ/複数行のテキスト入力欄を作る
xhtmlで携帯3キャリア共通の初期入力モードを指定 - hex6.net