スポンサーサイト

  • 2009.06.05 Friday
  • -
  • -
  • -
  • by スポンサードリンク

一定期間更新がないため広告を表示しています


フォームの文字数入力制限

またまたformネタ。

<input type="text" />で入力文字数の制限をしたい時には、
maxlength="n" を上記に加える。※nは任意の数字。

てっきりsize="n"だと思ってたのですが、勘違いも甚だしいですすみませんorz
むしろ自分のお馬鹿さを更に露呈(ノ∀`)

多分この先も普通に使う機会が出てきそうなのでメモっときます。
htmlを突き詰めれば奥が深いんだなぁと思う今日この頃です。

一応サンプルも。

誕生日を入力して下さい。(西暦)




こんな感じみたいです。

htmlでのフォーム作成

さて、Webでお馴染みの良くみかける入力フォームなんですけど、いざ自分でやると、やっている割には忘れてる事が多いので、復習もかねてメモ。

<form action="output.php" method="post">
名前: <input type="text" size="20" />
年齢: <select>
<option>
<option value="10代" selected="selected">10代
<option value="20代">20代
<option value="30代">30代
<option value="40代">40代
<option value="50代">50代
</select>
性別: <input type="radio" name="sex" value="男" checked="checked">男
   <input type="radio" name="sex" value="女">女
趣味: <input type="checkbox" value="パソコン">パソコン
   <input type="checkbox" value="スポーツ">スポーツ
<input type="checkbox" value="読書">読書
<input type="checkbox" value="マンガ">マンガ
<input type="checkbox" value="音楽">音楽
メッセージ: <textarea cols=40 rows=4>あいうえお</textarea>
<input type="submit" value="送信" /><input type="reset" value="リセット" />

携帯htmlの入力制限

はい、大分久々の更新になります。
本当に久々過ぎw

ここ最近携帯htmlの作成やら修正に追われてたので、その中での小ネタ。
携帯のフォーム入力であらかじめ半角英数字が入るような設定があるのだが、
それがistyleと呼ばれるもので、<form>の<input>タグ内に入れる事で入力の制限ができるのだとか。

--------------------------
ひらがな入力: istyle="1"
半角カナ入力: istyle="2"
英字入力: istyle="3"
数字入力: istyle="4"

上記がdocomoとauで対応。


ひらがな入力: mode="hiragana"
半角カナ入力: mode="katakana"
英字入力: mode="alphabet"
数字入力: mode="numeric"

上記がvodafoneで対応。

同じタグ内で両方セットで入れておくことが出来る。

ページが表示されない理由?

作成したhtmlファイルが、アップしたらページが白紙になる事態が発生しました。
結構必死(?)こいて検索してみたのですが、今思えば無駄骨を踏んでました…

例えば、文字コードがシフトJISの場合は、

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

上記のmetaタグをtitleタグの後に表記してしまうと、
そういった事が起こるようです。
よって、html作成の際には、titleタグはmetaタグの後に表記するのが正しい書き方だそうな。

変な検索しちまったぜ…

wrapscroll.js

先ほどのじゃらんのソースから色々辿ってみたら、こんなのを見つけました。

wrapscroll.jsというライブラリらしい。
「ブラウザのスクロールイベントと連動して、スクロールに同期するナビゲーション実装を簡単に実装するためのJavaScriptライブラリ」との事。

とりあえずメモります。

calendar
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< July 2017 >>
スカウター : moz'B
links
others
selected entries
categories
archives
recent comment
   
sponsored links
recommend
profile
search this site.
others
mobile
qrcode
powered
無料ブログ作成サービス JUGEM