|
|
<form action="#"> <font size="2" color="#000000">メールアドレス<input type="text" size="6" istyle="3" format="*x" mode="alphabet" value="" name="" id="" /><br /> <input type="submit" value="登録" name="" id="" /><br /></font> </form> |
以下の機能を満たしています。
・フォームボタンとテキストボックスのフォントサイズ＝2、カラー＝#000000（黒）
・半角英字モード（auのみ小文字半角英数字）
・3携帯キャリア対応（i-mode docomo端末、EZweb au端末、Yahoo!ケータイ softbank端末）
[参考]
http://www.plusmb.jp/2008/10/24/948.html
http://www.abe-tatsuya.com/web_prog/mobile_web/input_attributes.php
・fontタグに size=””（1～の数字を入力する）を指定して、まるっと囲うことでinput各要素大きさが変更されることが確認できる。
・inputタグに size=””（1～の数字を入力する）を指定すると、input各要素に応じて幅や高さが変更されることが確認できる。
|
|
<form action="#"> <font size="2" color="#000000"> <select name="" id=""> <option value="">セレクトボックス</option> <option value="項目1">項目1</option> <option value="項目2">項目2</option> <option value="項目3">項目3</option> </select><br /> <input type="checkbox" value="" name="" id="" /><br /> <input type="radio" value="" name="" id="" /><br /> <input type="text" value="" name="" id="" /><br /> <input type="password" value="" name="" id="" /><br /> <input type="submit" value="フォームボタン" name="" id="" /><br /> </font> </form> |
|
|
<form action="#"> <font size="2" color="#000000">TEL<input type="text" size="6" istyle="4" format="4N" mode="numeric" maxlength="4" value="" name="" id="" />-<input type="text" size="6" istyle="4" format="4N" mode="numeric" maxlength="4" value="" name="" id="" />-<input type="text" size="6" istyle="4" format="4N" mode="numeric" maxlength="4" value="" name="" id="" /><br /> <input type="submit" value="登録" name="" id="" /><br /></font> </form> |
以下の機能を満たしています。
・フォームボタンとテキストボックスのフォントサイズ＝2、カラー＝#000000（黒）
・半角数字モード
・入力桁数制限（TEL[4桁]-[4桁]-[4桁]）
・3携帯キャリア対応（i-mode docomo端末、EZweb au端末、Yahoo!ケータイ softbank端末）
[参考]
http://www.plusmb.jp/2008/10/24/948.html
http://www.abe-tatsuya.com/web_prog/mobile_web/input_attributes.php
http://www.symmetric.co.jp/blog/archives/109
Practice is better than precept.