フォームよるファイルアップロードの仕様 - Jakarta Commons FileUploadの利用手順
HTMLのフォームを使ったファイルアップロードはRFC1867に従った動作をします。RFC1867は下記に記載があります。 http://www.ietf.org/rfc/rfc1867.txt フォームを使ったファイルアップロードを行った際にサーバ側にどのようなデータが送られてくるのかについて、上記ページによると次のように書かれています。 下記のようなフォームからファイルをアップロードしたとします。この場合、テキストが1つとアップロードするファイルとなりますが、「file1.txt」と「file2.gif」の2つのファイルをアップロードしたとします。 <form action="http://server.dom/cgi/handle" enctype="multipart/form-data" method="post"> What is your name? <input type=
enctype='multipart/form-data'ってなんだ？ - MUGENUP技術ブログ
こんにちは、MUGENUPアルバイトの倉成です。 今回は僕が前々から気になっていた、フォームからファイルを送信するときのおまじないenctype="multipart/form-data"について調べてみたので、得られた知識をまとめて見ようと思います。 また、マルチパートの情報を検索していると、HTMLのフォームだけではなく、メールのマルチパートの情報に当たることも多くありました。 調べてみると、HTMLの仕様と電子メールの仕様が似ているのは、どうやら歴史的な経緯があるようなので、後半ではインターネット成長の歴史についても少しだけ触れてみようと思います。 multipart/form-data: ファイルを送るおまじない それでは、フォームでファイルをアップロードするシチュエーションを考えましょう。 ファイルアップロードをする場合input要素は<input type="file" />を
Why Infield Top Aligned Form Labels Are Quickest to Scan
How easy is it for users to scan your form? If your form is hard to scan, it could take longer than expected for users to complete it. This leads to form abandonment and loss of potential sign ups. The way to avoid this is to make your fields quick to scan when users first see them and after they fill them out. Scanning Pre-fill & Post-fillWhen users first see a form, they scan it to size up the a
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
新米ディレクター必見！無料で使えるアンケートフォーム6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、とあるWEB会社のwebディレクター、emiです。 webサイト上や社内メールでアンケートを取りたいんだけど、わざわざ独自のシステムを開発するほどでもない・・。そんな時に無料で使えて便利なアンケートフォームをご紹介します。アンケート作成と、集計したデータの結果を見ることがでるサイトを集めてみました。 Google Form以外は英語サイトですが、使わないのはもったいない！他の5つはドラッグ＆ドロップで直感的にアンケートを作成することができます。さらに、アンケート結果をまとめたレポート機能も充実しています。（アンケートは集まった結果の分析が重要ですよね。） フォームの作り方はどれも似ているので、英語に抵抗がある人はまずGoogle Formでアンケートを作成してみてから他のサイトを試してみるのがオススメです。 Google Form Googleドライブの機能なので、Google
無料でなかなかありそうでないスマートなアンケートフォームを簡単に作成＆集計もしてくれる「Typeform」
複数選択やフリー回答、段階評価などさまざまな形式の質問が作成でき、作成したアンケートフォームをサイト上に埋め込んだり、リンクをシェアしたりすることも可能で、さらにアンケート結果の集計までしてくれるのが「Typeform」です。 Typeform | Discover a better way to ask questions online http://www.typeform.com/ Typeformで作成したアンケートフォームがどのような感じになるのかは以下のムービーを見ると分かります。 「Typeform」作成したアンケートに回答するとこんな感じ - YouTube Typeformでアンケートフォームを作成するにはトップページ上の「Sign Up Free」をクリック。 上からユーザーネーム・メールアドレス・パスワード・アンケートのURLに入れる文字を入力して「Signup fo
分かりやすいWeb入力フォームのための十戒 | POSTD
1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ
onsubmitの戻り値をfalseにしてsubmitを実行しない（中断させる）方法
JavaScriptで、onsubmitの戻り値をfalseにしてフォームのsubmitを中断させる（実行しない）方法を紹介します。 １．onsubmitイベントとは onsubmitイベントは、フォームの送信ボタン（type属性がsubmitのボタン）がクリックされた時に発生するイベントです。 <form method="post" action="foo.cgi" onsubmit="foo();"> <input type="text" value="" /> <input type="submit" value="送信" /> </form> ２．submitを中断する（＝フォームを送信しない）方法 onsubmitイベントを使ってsubmitを中断するケースとして、送信時にJavaScriptでフォームのチェックをして、フォームデータに未入力の項目がある場合、「return fa
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた
チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。 以前ご紹介したフォームデザインフレームワーク・Ideal Formsのサイトが無くなっていて、探していたらバリデーション機能が加わっていてLESSにも対応して、githubでホスティングされていました。ついでにレスポンシブWebデザインにも対応してるみたいですね。と言うわけでついでに改めてご紹介です。 言葉だけ日本語化してサンプル作りました。 ただし、日本語にしただけで、日本向けのバリデーションをしてくれる、という訳ではありません。名前や誕生日も欧米文化に沿って正規表現でチェックしてるみたいですので日本向けに変更する必要がありそうです。 細かく解説・・と思ったんですけどGithubで結構詳しく書かれているし、ググれば使
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Getting Started · react-redux-form
Log in | Typeform