テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法 - JavaScript TIPSふぁくとりー
《2017年6月9日 12:00 PM 公開/更新》 テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法 [入力フォーム] JavaScriptを使って特定の入力欄に最初からカーソルを入れておきたい場合は、focusメソッドを使います。自動でカーソルを入れたいテキスト入力欄にid名を付加しておき、getElementByIdメソッドなどで特定した上でfocusメソッドを実行すればその要素にカーソルが移ります。ログイン画面などのような、最初に入力する欄がほぼ決まっているような場面で使うと便利でしょう。 テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)と便利 特定のid名を持った入力欄にフォーカスを与えたい場合 form要素内に含まれる特定のname属性の値を持った入力欄にフォーカスを与えたい場合 特定のテキスト入力欄にフォーカスを与えるJavaScriptソース
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
Javascript で IE のバグと戦う
■ Javascript で IE のバグと戦う さっき知ったのですが、InternetExplorer はフォーム内にテキストフィールドが1つしかない場合、エンターキーを押しても submit ボタンの情報(name,value)は送られない仕様*1だそうです。フィールドが2つ以上あれば良いらしく、幅0のフィールドを追加するとか CSS で見えなくしたりするのがトレンディみたいです。 submit ボタンに名前を付けて処理を分岐させるのって結構好きなのですが、こんなわけのわからん仕様っつかバグでしょ、まぁいいや、えっとこんなの覚えておけないし、また悩むのは嫌なので Javascript で見えないフィールドを自動的に追加するやつ書いてみました。 var f = document.forms; for(var elm, i = 0; elm = f[i]; i++) { var input
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
コメント投稿時にフォームボタンをグレーアウトする for Movable Type
本サイトで適用している、コメントを投稿時にフォームボタンをグレーアウトするためのカスタマイズです。カスタマイズ方法については以前よりリクエストを頂いておりました。公開が遅くなって申し訳ありません。 ここでは Movable Type でのカスタマイズ方法を紹介致します。他のブログツールについては順次公開していきたいと思います。 カスタマイズ元記事は下記です。ありがとうございました。 naoyaのはてなダイアリー：onsubmit で submit ボタンを disable にしてユーザビリティを良くする 同：submit ボタン disable 技の罠 １．本カスタマイズの機能 コメントフォームの「投稿」ボタンクリック時にフォームボタンをグレーアウトにする コメントフォームの「確認」ボタンクリック時はグレーアウトにしない 「確認」ボタンクリック時にグレーアウトしないのは、下記の理由のように
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索枠に「○○を入れてください」みたいなものを見ます。…
http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html