accept属性 ≪ input要素 ≪ フォーム ≪ 要素 ≪ HTML5入門
構文 <input type="file" accept="ファイルの種類"> ファイルの種類 audio/* オーディオファイル全般。 video/* 動画ファイル全般。 image/* 画像ファイル全般。 MIMEタイプ MIMEタイプで指定することもできる。 よく使うMIMEタイプの一例 text/html：HTML text/xml：XML text/css：スタイルシート（CSS） text/plain：テキスト text/csv：CSV image/png：PNG image/jpeg：JPEG image/gif：GIF audio/mpeg：MP3 video/mpeg：MPEG video/mp4：MP4 application/pdf：PDF application/x-shockwave-flash：Flash カンマ,区切りで複数の値を指定することもできる。 acc
ブログに音声検索導入してみたらスゲー簡単だった（但しChromeのみ） | PLUS1WORLD
何を思い立ったか、突然ブログに音声検索（音声入力での検索）を導入してみたくなり、そのやり方を調べてみたところ、いとも簡単に導入出来る事を知り、昨日このブログに取り入れてみました。 ブログ（PC表示）での右サイドバーに用意されているブログ検索フォームで利用できます。 マイクのアイコン部分をクリックして、マイクにしゃべりかければ検索フォーム内に文字が入力されます。 現在、Google Chrome でしかこの機能は利用できませんが、導入するのが非常に簡単なので、ブログやウェブサイトなどをお持ちの方は導入してみることをオススメします！ 音声検索（音声入力）を導入する方法 既に、ブログやウェブサイトに検索フォームを導入している方はその部分に<input>タグを記述している ことと思います。 そのタグに、x-webkit-speech という単語を加えるだけです。 <input type="text
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
Fancy Sliding Form with jQuery | Codrops
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images. So let’s start! The Markup The HTML will consist of a wrapper container where we will place a form with fieldsets. Each fieldset will b
ユーザーを逃さない！海外Webアプリの入力フォームいろいろ
このフォームのポイント！ 上部のボックスでエラー表示 入力時にリアルタイムのエラー判定 それぞれのフォーム下部にエラー文言 項目名を赤く目立たせる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tekmemo.net
