ケータイサイトのフォーム入力の文字種別を指定する方法
ケータイはPCと比較して、文字入力関連のインターフェイスが非情に不便です。
それはもちろん、携帯電話という端末の特性上、仕方が無い部分でもあるかもしれませんが、ちょっとした工夫でユーザーに与える文字入力へのストレスを軽減することが出来ます。
例えば、何かの入力フォームで、半角数字のみを入力してもらうテキスト入力欄があったとします。
そこで何の工夫も無く、
<input type="text" name="userid" value="" size="7" maxlength="6" />
みたいな感じでやっちゃうと、ユーザーがその入力欄に文字を入力しようとすると、最初に全角かなモードでテキスト入力のウィンドウが開いちゃいます。
これを、最初から半角数字モードで開くようにするだけで、ユーザーが感じるストレスは結構軽くなるんじゃないでしょうか。
各携帯電話のキャリアでは、このようなテキスト入力欄に対して、文字入力の種別を指定するための、input要素向けの独自属性を用意しています。
が、DoCoMo、au、Softbankそれぞれ別の属性になってますので、複数キャリア対応のサイトの場合は、全ての属性を列記しないといけません。
DoCoMoのiモードの場合 (istyle属性)
<input type="text" name="userid" value="" size="7" maxlength="6" istyle="4" />
という風に、istyle属性を追加することで、入力してもらう文字種別を指定できます。
istyle属性の値の対応は以下の通り。
- istyle="1"
- 全角かなモード
- istyle="2"
- 半角カナモード
- istyle="3"
- 半角英字モード
- istyle="4"
- 半角数字モード
auのEZwebの場合 (format属性)
<input type="text" name="userid" value="" size="7" maxlength="6" format="*N" />
という風に、format属性を追加することで、入力してもらう文字種別を指定できます。
format属性の値の対応は以下の通り。
- format="*A"
- 半角英字（大文字）モード
- format="*a"
- 半角英字（小文字）モード
- format="*N"
- 半角数字モード
- format="*X"
- 半角英数（大文字）モード
- format="*x"
- 半角英数（小文字）モード
- format="*M"
- 全角かなモード
- format="*m"
- 全角英字モード
ちなみに、「*A」「*a」「*N」等の頭の「*(アスタリスク)」は、「文字数の制限なし」という意味です。
「常に五桁の数字だけを入力してもらいたい」という場合は format="5N"という風に、「*(アスタリスク)」の代わりに、指定した入力文字数を指定すれば、入力する文字数も制限できます。
ただし、「五桁以内の数字を入力してもらいたい」という場合には、この指定方法は使えない端末が多いです。
四桁とか三桁の数字を入力してOKを押しても、端末側でエラーを返してしまいます。
あくまでも「文字数が固定の場合」のみに利用できる方法です。
Softbankの場合 (mode属性)
<input type="text" name="userid" value="" size="7" maxlength="6" mode="numeric" />
という風に、mode属性を追加することで、入力してもらう文字種別を指定できます。
mode属性の値の対応は以下の通り。
- mode="hiragana"
- 全角かなモード
- mode="katakana"
- 全角カナモード
- mode="alphabet"
- 半角英字モード
- mode="numeric"
- 半角数字モード
DoCoMo、au、Softbankの主要3キャリアに対応させるには
上記を踏まえて、DoCoMo、au、Softbankの主要3キャリアに対応したテキスト入力欄を作ろうと思うと、以下のようになります。
まず、全角かなも半角英数も混在するような、何でもOKな入力欄の場合。
<input type="text" name="f1" value="" size="10" maxlength="128"
istyle="1" format="*M" mode="hiragana" />
続いて、メールアドレス等の半角英数（＋記号）だけを入力してもらいたい場合。
<input type="text" name="f2" value="" size="10" maxlength="128"
istyle="3" format="*x" mode="alphabet" />
そして、電話番号や連番のID等、半角数字のみを入力してもらいたい場合。
<input type="text" name="f3" value="" size="10" maxlength="128"
istyle="4" format="*N" mode="numeric" />
以上のようになります。
とりあえず、この3つだけ覚えておけば、ほとんど事足りるかな？
2009年3月4日追記
コメント欄にて application/xhtml+xml で出力する際の表記の仕方について、ご指摘頂きました。
特に DoCoMo 向けに外部CSS を利用したサイトを構築する際には、非常に参考になるかと思います。
つぶやく
- 関連するブログ記事
-
- 現在位置
- TOP > Web制作技術 > モバイル(携帯電話・ケータイ)Web > ケータイサイトのフォーム入力の文字種別を指定する方法
- 前のブログ記事
- 「アンチ・セカンドライフ」と「アンチ・セカンドライフ・ブーム」は分けて考えなきゃいけない [2007年11月18日 23:59]
- 次のブログ記事
- メール受信時に perl スクリプトを起動して自動処理させる方法 [2007年11月20日 10:46]
コメント(48)
text/html 出力の場合これでもいいのですが、ドコモで i-CSS を使う場合など、application/xhtml+xml で出力する場合は style 属性での指定が必要なようです。
ドコモの場合、例によって http://www.nttdocomo.co.jp/binary/pdf/service/imode/make/content/xhtml/
HTML_XHTML_taglist.pdf を見れば対応が掲載されています。istyle="1" は style="-wap-input-format:"*<ja:h>"" とするようです。
au の場合、公式ドキュメントがないのですが、WAP フォーラムの文書を参照すればよいようです。style="-wap-input-format:*M;" などとします。
> ゆりこさん
前回に引き続き、ご指摘ありがとうございます。
最近ではケータイサイトもCSSデザインが当たり前になってきて、application/xhtml+xml で出力するケースも増えてきていると思うので、非常に参考になりました。
a lot of expecting mothers because of beginning carrying a child in order to avoid skin scarring begin to use merchandise In truth, have no need for, frequently some to help several a long time with child any time to start out applying..
www.abenteuererotik.com http://www.abenteuererotik.com/allgemein/www-winterwomenscoat-com-ais-669526/
Whole present Arena brimming with attractive style, unique unnatural oblique slit top or even costume, or even by simply serious Sixth is v attractive item leg protection mindset, and also ribbons corset high heel pumps are getting to be excellent aspects..
blog.jeaneb.com http://blog.jeaneb.com/2013/12/09/ugg-prezzo-on-sale-of-60-discounts-of-5vmfz-257/
1. Chen exposed some petrol with regard to brand-new exterior doors. In case diet methods of lose fat, you will see your sensitive skin thanks to deficiency of acceptable eating plan results in being quite waterless, uninteresting along with foolish, furthermore surprisingly easy so that you can believe worn out, thus the best option to get healthy waters additional food along the lines of canteloup along with Overall health berries, and so forth., but not only personal taste flavorful, and may help boost body moisture content, body needless to say sparkly.
basically tough complexity grades tend to be huge, or else slender adequate physique space, typically the rigidly bright livestock blew it again quick. bright material Calvin Klein Selection dreary striped coat, fit, pants Simply by VERSACE appreciated little bit of sun-generated, as you go along sense emptiness, eye brows take a look, historically, alright, so what? material DAN KIA MANAGEMENT Ebony dreary jacket african american pants EMPORIO ARMANI Salvatore Ferragamo boot styles almost no time Ya, carry on any firefox excitement, typically the yrs turn out to be Psalm image.
denim textile (RA8701W) Quality Prize Vosges Number Company., Ltd. T-shirts along with pants are definitely the the majority of timeless simple products, acne have got to, however facial skin involving an extremely timeless suit, just how can many of us take a position the application? Up-to-date wonder multi-level endorse 5 the white kind of T-shirt along with pants which includes a test, to make sure you get at idea selection, as a result way too will do any timeless mixture of monotonous.
Hello!
Hello!
Where can we go so the Dog can't catch us?" said Chapman, wearing a powder-blue dress shirt with rolled-up sleeves, black jeans, cowboy boots, a big silver bulldog belt buckle, a Rolex watch and mirrored Oakley sunglasses.
Gafas Oakley Polarizadas http://www.danierdesignchallenge.com/es.asp
Walmart and Target move a ton of those $30 sets. Welch, 47, a James Beard-nominated chef, had done kitchen stints at Sheraton hotels in nearby Greensboro and Miami before coming to Blowing Rock 18 years ago to help open a restaurant.
Gafas Oakley Baratas http://www.ithoughthecamewithyou.com/gafas.asp
This philosophy has made Oakley one of the most iconic and inimitable brands on the market, with innovations that world-class athletes around the globe depend on to compete at the highest level possible.
MBT Sandals Shoes http://www.developernotes.com/mbtuk.asp
We supply a full range of nike free run shoes. http://www.fitfreeshoes.com/nike-free-run-2-c-6.html
http://www.fitfreeshoes.com/nike-free-run-3-c-1.html
In March, however, Buck walked free. Along with his wife Blanch, he joined forces with Bonnie and Clyde at their current hideout in Joplin, Missouri. One of Clyde's occasional accomplices, one WD Jones, was lying low there too.
Fake Ray Ban Sunglasses http://www.bearvalleyxc.com/images/rayban.asp
Louis L'Amour wrote many western novels including "Mustang Man, The Sackett Brand and How the West was Won." Although he started his writing in the pulp fiction era, he went on to write over one hundred novels until his death in 1988..
Cheap Knockoff Oakleys http://www.momentodecisivo.org/momentodecisivo.php
Sukto says he was in a methamphetamine-induced drug craze the night he attacked his wife and child on Oct. 22, 2004 in Lakewood. He says the spirit of his abusive stepfather appeared in his family and he needed to kill it.
MBT Scarpe http://www.noise.it/scarpembtprezzi.html
SCREEN ORIGINAL SCREENPLAY WINNER: Zero Dark Thirty , Written by Mark Boal; Columbia Pictures The Master , Written by Paul Thomas Anderson; The Weinstein Company Moonrise Kingdom , Written by Wes Anderson Roman Coppola; Focus Features ADAPTED SCREENPLAY WINNER:
Knock Off Oakleys http://www.metabuilders.com/metabuilders.asp
A lot of the sites online that sell shoes like Converse boots have an array of choices to choose from. Which was pretty smart on their end because now you will want to use their store for ALL your shoe and boot purchases. Oakley uses a patented polycarbonate called "plutonite".
Cheap Ray Ban Sunglasses http://www.garrisonminerals.com/garrisonminerals.php
Oakley sunglasses are designed with a unique technology that provides more efficiency during sports activities, like jogging. Most of the times, when we go in the park for jogging, it's not that comfortable for us to wear sunglasses (even though it would be useful), due to the fact that our face sweats five minutes into jogging and the sunglasses slip off our nose.
Knockoff Ray Bans UK wayfarer http://www.staimanmedia.com/ray-ban.php
They would force individuals to knuckle down to the state and ignore the right to life of the unborn. They would undermine gun rights so that individuals could not obtain and use firearms to defend and preserve post-natal life."
Oakley Baratas http://www.masercisa.es/es.asp
It was always his dream to find a house in which to recreate the atmosphere of an Edwardian House Party, this he fulfilled with the Hall, each of the 23 bedrooms has been beautifully decorated and tastefully furnished many with antiques.
Oakley Baratas http://www.fal.es/fal.php
Crafted from flash-mirrored lenses, double-injection rubber temple tips, and an embossed logo plaque, these glasses are the sign of elegance. Tommy Hilfiger Women's 1008/S 0U0J Shield Sunglasses,
Gafas de Sol Oakley http://www.iberacero.es/iberacero.asp
You could almost envision the scene ending with the camera pulling out as the words “Produced by Gene Roddenberry” fade up in familiar yellow titles. There is the sense – derived no doubt both from the multi-book source series, and from the sadly unfulfilled hope that there might be many sequels produced – that this is but one of many adventures.
Gafas Oakley http://www.masercisa.es/masercisa.asp
It took a time, yet the fault belonging to the post office, is normal at the end of the year! I loved it, entered top condition! I may definitely recommend!
home page http://marshalls-stkitts.com/ayan.asp
dostavka do Ufyi 14 dnej!ia v shoke,razmer sovpadaet.fast shipping-14 days.superior shoes, great seller,thank u!ecstatic my fav heels fast delivery!!!!
home page http://cltr.co.douglas.nv.us/test_ralph.php
They go to Caracara and begin trashing the studio, but the white supremacists soon turn on Darby instead, but just as they're attacking him it cuts to the next scene..
coral beads ebay http://www.progroupal.com/wholesale-Beads/coral-beads-ebay.html
Otimo Design a cor esta otimaa qualidade tambem esta otima e vem conforme estava descrito estou muito satisfeita com o produto,Produto perfeito, achei que chegaria com cheiro forte mas nao chegou. Muito bem embalado.
about us http://dianahendry.co.uk/css/beatuk203.htm
o matter if it is really for men, ladies or teeny boppers, Ray-Ban has one thing in retail outlet for all. A universal favored of everyone, it is the hottest fashion in designer eye wear.Summer season is just knocking at the doorway and this is the time when sun-rays are at their blistering finest.
Nike Free http://www.lfoe.dk/cp/nike.html
They not merely decrease blinding, but additionally obstruct dangerous ultraviolet rays from your sun. In fact, the advantages of Oakley sunglasses are so amazing that wholesale suppliers are making use of Oakley contacts in a great deal more of the products.
Gafas Oakley http://www.aaahos-tur.com/es.htm
We as teens are naive about the safety of our pictures. Although they are sending explicit pictures, this is increasingly becoming a hobby for teens. Today teens are coming together on one basis and that is sexting.
Uggs Nederland http://www.itis.si/sale/uggs.asp
They not merely decrease blinding, but additionally obstruct dangerous ultraviolet rays from your sun. In fact, the advantages of Oakley sunglasses are so amazing that wholesale suppliers are making use of Oakley contacts in a great deal more of the products.
Fake Ray Bans UK http://www.connectcms.co.uk/replica/raybans.asp
Look for sunglasses with interchangeable lenses. But since its frequency, someone who love to be extraordinary would choose an extraordinary round sunglasses. It's lovely under the current retro fashion trend.
Uggs Nederland http://www.itis.si/_Images/cms/uggs.asp
Adelaide have little genuine forward scoring options as well s a limited rucking brigade, Moran can come in and cover both options. With the bird man out for most of next year, and Goodwin and Porplyzia being smaller potential forwards, and Tippet still developing, Moran is so needed in their forward line as a regular forward as he is over 6ft4.
Replica Ray Bans http://www.staimanmedia.com/staimanmedia.php
She was again hard at, ahem, work of different type on Friday night at T-Mobile's X Games party as "The Hills" were filming. But is Miss Patridge pushing LC out of her life? Audrina and her beau,
Hogan Italia Outlet http://www.doble.com/general/it/hogan.php
etyuthar
novrmwvf sidmfn
ecobspqo [url=http://yfbmhs.com/]blxdmzb[/url]
pzffzcv http://gcoxrf.com/
شركة مكافحة حشرات بالرياض
شركة تخزين عفش بالرياض
كشف تسربات المياه
شركة رش مبيدات بالرياض
شركات تغليف ونقل الاثاث
شركة تنظيف فلل بالرياض
شركة تنظيف موكيت بالرياض
شركة تنظيف مجالس بالرياض
شركة تنظيف مسابح بالرياض
شركة تنظيف خزانات بالرياض
شركة عزل خزانات بالرياض
شركة تسليك مجارى بالرياض
نقل اثاث المدينة
نقل عفش بالمدينة المنورة
شركة تنظيف خزانات بالمدينة المنورة
شركة تنظيف شقق بالمدينة المنورة
شركة تنظيف فلل بالمدينة المنورة
شركة مكافحة حشرات بالمدينة المنورة
شركة تنظيف موكيت بالمدينة المنورة
شركة تنظيف منازل بالمدينة المنورة
شركة كشف التسربات بالمدينة المنورة
شركة تخزين اثاث بالمدينة المنورة
شركة رش مبيدات بالمدينة المنورة
شركة تسليك مجارى بالمدينة المنورة
شركة تنظيف فلل بالمدينة المنورة
شركة تنظيف بالمدينة المنورة
شركة تسليك مجارى بالمدينة المنورة
شركة كشف تسربات المياه بالمدينة المنورة
شركة رش مبيدات بالمدينة المنورة
مكافحة حشرات بالمدينة المنورة
شركة عزل اسطح بالمدينة المنورة
غسيل خزانات بالمدينة المنورة
شركة تخزين اثاث بالمدينة المنورة
نقل عفش بالمدينة المنورة
شركة تنظيف شقق بالمدينة المنورة
شركة تنظيف بالمدينة المنورة
شركة تسليك مجارى بالمدينة المنورة
شركة كشف تسربات المياه بالمدينة المنورة
شركة رش مبيدات بالمدينة المنورة
مكافحة حشرات بالمدينة المنورة
شركة عزل اسطح بالمدينة المنورة
غسيل خزانات بالمدينة المنورة
شركة تخزين اثاث بالمدينة المنورة
نقل عفش بالمدينة المنورة
تنظيف خزانات المدينة
شركة تنظيف فلل بالمدينة المنورة
نقل عفش بالمدينة المنورة
شركة تنظيف خزانات بالمدينة المنورة
شركة كشف تسربات المياه بالمدينة المنورة
مكافحة حشرات بالمدينة المنورة
شركة تنظيف موكيت بالمدينة المنورة
شركة رش مبيدات بالمدينة المنورة
شركة تنظيف المنازل بالمدينة المنورة
شركة تخزين عفش بالمدينة المنورة
شركة تسليك مجارى بالمدينة المنورة
شركة عزل اسطح بالمدينة المنورة
عزل اسطح وخزانات بالرياض
كشف تسربات المياة
عزل مائى
شركة تخزين عفش بالرياض
شركة ترميمات بالرياض
شركة دهانات بالرياض
شركة مقاولات بالرياض
تغليف اثاث
شركة نقل اثاث بالرياض
شركة عزل اسطح بالرياض
شركة عزل خزانات بالرياض
عزل خزانات بالمدينة
شركة تنظيف المنازل بالمدينة المنورة
شركة تنظيف موكيت بالمدينة المنورة
نقل عفش بالمدينة المنورة
شركة مكافحة حشرات بالمدينة المنورة
تخزين عفش بالمدينة المنورة
شركة تنظيف مسابح بالمدينة المنورة
شركة تنظيف مجالس بالمدينة المنورة
شركة تنظيف فلل بالمدينة المنورة
شركة تنظيف خزانات بالمدينة المنورة
شركة رش مبيدات بالمدينة المنورة
شركة تسليك مجارى بالمدينة المنورة
شركة عزل اسطح بالمدينة المنورة
شركة كشف تسربات المياة بالمدينة المنورة
نقل عفش بمكة
شركة تسليك مجارى بجدة
شركة مكافحة حشرات بجدة
شركة عزل خزانات بجدة
شركة كشف تسرب المياه بجده
شركة تنظيف بجدة
شركة رش مبيدات بجدة
شركة تنظيف موكيت بجدة
شركة تنظيف مسابح بجدة
شركة نقل وتخزين عفش بالرياض
شركة نقل اثاث بالرياض
شركة مكافحة حشرات بالرياض
شركة عزل خزانات بالرياض
شركة تخزين عفش بالرياض
عزل مائي
شركة تنظيف اثاث بالرياض
شركة رش مبيدات بالرياض
شركة تنظيف واجهات زجاج بالرياض
شركة تنظيف بيوت شعر بالرياض
مكافحة حشرات الفراش
مكافحة البق
شركة تنظيف خزانات بالدمام
شركة رش مبيدات بالدمام
شركة مكافحة حشرات بالدمام
شركة كشف تسربات المياه بالدمام
شركة تسليك مجارى بالدمام
شركة تخزين اثاث بالدمام
شركة نقل اثاث بالدمام
شركة عزل اسطح بالدمام
شركة تنظيف موكيت بالدمام
شركة تنظيف بالدمام
شركة تنظيف فلل بالدمام
شركة تسليك مجارى بالاحساء
Thanks for sharing this information
Happy Friendship Day 2016 to friends. Here we are sharing Friendship Day Wishes, Images, Pictures, Messages, Quotes, Friendship Day Greetings, Sayings, Poems, Cards, Wallpaper.
http://www.ihappyfriendshipday2016.com/
Eid is a Muslim community festival which is celebrated all over the world mostly in UAE. This year’s Eid al-Adha will be celebrated from September 10 to September 11, 2016. All the people celebrate this Holy Month with an honest soul.
http://www.eidaladhawishes.net/
Blood compressing is stubborn, flash close to jiffy, past the match between nerve production versus total circumferential defences underground and varies depending on berth, warm state, work, and interrelated health/disease states. viagra without a doctor prescription is regulated by means of the thought via both the on pins and endocrine systems.
As you can see from the blood sway design, simply one of the numbers has to be higher sildenafil without a doctor's prescription or modulate than it should be to count as either huge blood bring pressure to bear on or debilitated blood crushing:
The rout attest indicates that momentous blood insistence does not call headaches or nosebleeds, except in the turn out that in the event of of hypertensive turning-point, a medical predicament when blood burden is 180/110 mm Hg or higher. If your blood intimidate is unusually elevated generic viagra without subscription you be struck by headache or nosebleed and are feeling unwell, pause five minutes and retest. If your reading remains at 180/110 mm Hg or higher, call 9-1-1.
Sildenafil viagra price comparison relaxes muscles upon in the walls of blood vessels and increases blood rush to particular areas of the body.
The get the better of demonstration indicates that momentous blood pressure does not justification headaches or nosebleeds, except in the turn out that in the event of of hypertensive catastrophe, a medical pinch when blood burden is 180/110 mm Hg or higher. If your blood intimidate is unusually on a trip viagra without doctor visit you accept problem or nosebleed and are sensitivity unwell, on the back burner serve five minutes and retest. If your reading remains at 180/110 mm Hg or higher, come for 9-1-1.
コメントする