ヤフーにおけるインプットバリデーション「何も信じるな」 (Yahoo! JAPAN Tech Blog)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R＆D統括本部 開発推進室 セキュリティプラットフォーム技術 セキュリティスペシャリストの戸田 薫です。 今回は、私たちが普段からヤフーのシステムに対する入力にどのような注意を払っているのか、そのいくつかをご紹介致します。 入力とは? Webサイトを運営している場合、どのような入力があるでしょうか？ たとえば、Webサービスには、以下の入力があります。 Cookie URL GET/POSTのデータ ファイルのアップロード その他リクエストヘッダ そのほかにもいくつもあります。 環境変数 設定ファイル クローラが取得したデータ パートナー企業のAPIから取得したデータ（XMLやJSONなど） パートナー企業の入稿用 F
WEBアンケートとかによくあるパターンで使えるかな的関数 - y-kawazの日記
ラジオボタンのonclickとか使えそうな関数(enableOne)を適当にでっち上げてみました。 汎用的にしてみようと思ったらちょっと引数が冗長になってしまったのがダメな感じ…、コンテナリストとかCSSクラス名で指定したりとかの方がすっきりするかもだけど、まぁいいや(^^; <html> <script type="text/javascript" src="http://www.prototypejs.org/assets/2007/6/20/prototype.js"></script> <script type="text/javascript"> function enableOne(target, containers) { target = $(target); containers.each(function(container){ container = $(contai
JavaScript/select選択ボックスを動的に作る - 吉野情報技研(jack'slab)
select選択ボックスを動的に作る † JavaScriptで、こんな感じの、選択肢が動的に変わる選択ボックス作るサンプルです。 最初に選んだ選択ボックスによって、次の選択ボックスの選択肢が変わります。 解説 フォームの<select>+<option>タグで作った選択ボックスは、 Selectオブジェクトという種類のオブジェクトになります。 Selectオブジェクトは、optionsという選択肢の配列を持っています。 これにアクセスすることで、動的に選択肢の内容を変えることができます。 selectオブジェクト(選択ボックス)を取得するには、 タグで<select name="選択ボックス名" 〜で名前をちゃんとつけて、 form name="フォーム名" で名前をちゃんとつけて、 フォーム名.elements["選択ボックス名"] または フォーム名.選択ボックス名 で
TEXTAREA や INPUT の初期値をクリックで消す - GAM-22のメモ
TEXTAREA要素やINPUT要素の初期値を、クリックで自動に消すようにするプログラムを作ってみました。 初期値です。 TEXTAREA要素の初期値を指定しないと、HTMLの文法上にも問題があるので、使う意味はそこそこある気がします。 <TAG> には初期値となるテキストを指定しておきましょう。 仕様 基本 TEXTAREA 初期値です。 <textarea>初期値です。</textarea> 基本 INPUT <input type="text" value="初期値です。" /> type属性をtextにするか、type属性を省略します。 無効にする 初期値です。 <textarea class="nodes">初期値です。</textarea> <input type="text" class="nodes" value="初期値です。" /> class属性にnodesを付けると
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
Designing For Explicit Choice — Smashing Magazine
In this article, Colleen Roller will show us that defaults are powerful because they provide a way for users to passively decide, thereby easing the difficulty and effort associated with decision-making. Also, that providing a default option is not always appropriate. Sometimes, it’s better for users to make an explicit choice — especially when they are more likely to follow through with a decisio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://kget.org/phpform/
簡単に設置できるWordPressのお問い合わせフォーム -WP Contact Form III
FancyForm - Javascript checkbox replacement
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！