タグ

ブックマーク / allabout.co.jp (2)

  • 8/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About

    携帯サイトの作り方 第1回 作成方法の基礎(8ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基をご紹介。 リンクの作り方は、PC向けサイトを作る場合と同じで、a要素を使って記述します。 携帯端末のブラウザはPCのブラウザに比べてスクロールがしにくいので、長いページの場合は「↑ページトップへ」といった(ページの最上部へ移動できる)ページ内リンクを用意しておきましょう。 ■リンク記述の注意点 基的にはPC向けサイトと同じ記述方法を使いますが、注意点として以下の2点を押さえておいて下さい。 ページ内リンクの「リンク先」は、id属性だけでなくname属性も同時に使ってa要素で作る。(id属性ではリンク先として解釈しない端末もあるため) メールを送

    8/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
  • テキスト入力欄の文字数をリアルタイム表示 [ホームページ作成] All About

    テキスト入力欄の文字数をリアルタイム表示テキスト入力欄にユーザが何かを入力する際に、現在の入力文字数をリアルタイムに表示するようにしてみましょう。入力文字数に制限のある入力欄などで活用すると便利です。入力可能な残り文字数の表示もできます。 入力された文字数を表示する テキストエディタの中には、現在の入力文字数をステータスバーなどにリアルタイムに表示してくれるものがあります。 JavaScriptを使うと、ウェブ上の入力フォームでも、ユーザが入力した文字数をカウントして表示することが簡単にできます。 下記の入力欄に何か文字列を入力してみて下さい。入力欄の右下に、入力文字数がリアルタイムに表示されます。 ※JavaScriptが利用可能な環境でのみ 全角文字でも半角文字でも、1文字は1文字としてカウントされます。 ※改行は、1文字(または2文字)としてカウントされます。 ※古いブラウザでは、全

    テキスト入力欄の文字数をリアルタイム表示 [ホームページ作成] All About
  • 1