問題タブ [placeholder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
10401 参照

html - プレースホルダーボックスのCSS(設計時WYSIWYG)

これは「ばかげた」ものですが、特に必要ではないにしても正当なものであり、デザイナーがどこでも再利用できるものであると確信しています。

私はWYSIWYG風のエディター(MS Expression Web 4)を使用しており、実際の制作のベースとなるHTMLベースのワイヤーフレームを制作しようとしています。生/クリーンなHTMLが最大の目的であるため、プレースホルダーのパターンを作成して、次のHTMLを指定できるようにします(高さ、幅、テキスト以外は変更されます)。これは長方形で表示されます。 「X」が入ったボックスとテキスト(この場合は「ロゴ」)が下部、または中央に表示され、テキストの後ろに白い背景が表示されます

私の質問は、CSSと、私が望むものを達成するために必要なHTMLマッキング(例:imgタグ)の最小量は何ですか?たとえば、代わりに次のHTMLが使用されている場合:

また

これはHTML側では許容できる妥協案ですが、これを機能させるためのCSSは何でしょうか。

jQueryを使用してクリーンなHTMLをハイジャックし、やっかいなHTMLを生成して、自分がやろうとしていることを実現できることは知っていますが、これは設計時に必要です。

以下のこの偽のスクリーンショットは、私が探しているものです。クリーンなHTMLの小さなスニペットをドロップし、WYSIWYGインターフェイスのアンカーポイントを使用してプレースホルダーをスケーリングし、ラベルを中央下部または中央中央に配置したいと思います。 ゴール

黒のXが透けて見える白の画像があります。 プレースホルダー画像

CSSがHTMLを台無しにすることなく、私が望むものをサポートするかどうかは非常に疑わしいです。しかし、それが実行可能かどうか誰かが知っているかどうかを確認したいと思います。これが私が始めたものですが、背景画像が拡大縮小されない、テキストが垂直方向に整列しないなどの理由で、もちろん機能しませんでした。

だから今、私はどのような妥協をするべきかを理解しなければなりません。私はHTMLをいじくりまわすのが嫌いで、CSSクラスは再利用可能であるため、CSSをいじくりまわしてもかまいません。

0 投票する
3 に答える
107 参照

javascript - この効果のためのJqueryプラグイン?そしてその効果は何と呼ばれていますか?

私はこの効果を生のjqueryコードで数回実装しましたが、プラグインとして使用したいと思います。問題は、プラグインを検索するために何と呼ばれるかわからないことです。基本的に、入力フィールドのラベルは、フィールド自体の内側に薄い灰色で表示されます。ユーザーがクリックすると、灰色のラベルが消えます。ユーザーが何も入力せずにフィールドを終了すると、灰色のラベルが返されます。それ以外の場合、ユーザーが入力したものはすべてそこに残ります。それは本当にシンプルで、名前があり、プラグインがあるので、次のようなことができます

これがばかげた質問である場合は申し訳ありませんが、私は本当にこれを空白にしています。

0 投票する
1 に答える
10673 参照

jsf-2 - jsf inputText と validateRegexPatter

メッセージに label 属性を表示したい:

f:param を設定しました。

{0} は正規表現パターンに置き換えられます。一方、ラベル値を表示するもの。私のソリューションが機能しません。どうすればよいですか?

0 投票する
2 に答える
3185 参照

forms - HTML5 フォーム テキスト プレースホルダー - CSS 疑似クラスはありますか?

HTML5 に関する記事を読んでいると、プレースホルダーはフォームの使いやすさに非常に役立ちますが、JavaScript なしで CSS をターゲットにすることができない場合、プレースホルダーは本当に小さな一歩であることがわかります。

では、CSS でプレースホルダーをターゲットにして、入力されたテキストとは異なって見えるようにすることはできますか?

0 投票する
4 に答える
10697 参照

html - HTML5 input type=number および placeholder 属性

でプレースホルダーを使用する方法はあります<input type=number>か?

0 投票する
3 に答える
7581 参照

jquery - Jquery Validate: プレースホルダー テキストを無視する方法 (デフォルト/空白でエラーを生成)

jquery validate がデフォルトのテキストを無視するようにしたいと思います。
デフォルトのテキストを確認する方法は、要素の代替テキストが element.value == かどうかを確認することです

これが私のコードですが、空白、デフォルトのテキスト、またはその他のテキストのいずれであっても無効を返します。

0 投票する
1 に答える
951 参照

c# - カスタムLayoutTemplateを使用すると、ID「itemPlaceholder」はレンダリングされません

単純なASPXページを作成し、そのページにListViewコントロールを追加し、ITemplateの2つの実装を作成しました。1つはLayoutTemplate用で、もう1つはItemTemplate用です。ここでの秘訣は、ListViewに表示する列のコレクションを指定し、そのコレクションをパラメーターとしてLayoutTemplateクラスに提供することです。コード全体は次のとおりです(「LoadDataSource」での「Columns.Skip(1)」の呼び出しは、任意の数の列でListViewをレンダリングできることを確認するためだけのものです)。

さまざまな列数でListViewを表示するのに問題はありませんが、ヘッダーのリンクをクリックすると、MethodNotImplementedではなくこのサーバーエラーが発生します。

アイテムのプレースホルダーは、ListView'MyListView'..で指定する必要があります。

答えは簡単だと思いますが、原因がわかりません。誰か提案はありますか?

0 投票する
1 に答える
451 参照

uitableview - プレースホルダーを使用してUiTableWievを実現するにはどうすればよいですか?

このようなUiTableWievをどのように実現できますか?

http://i.stack.imgur.com/8QVb4.jpg

チュートリアルをくれた皆さんに感謝します。

また、fbのようなテーブルでも問題ありません http://img688.imageshack.us/img688/4162/photocr.jpg

ありがとう

0 投票する
1 に答える
682 参照

javascript - YUI3 JavaScript: プレースホルダー テキストの CSS を取得する

ブラウザにプレースホルダ テキストを実装する JavaScript を書いています。

次のスタイル ルールを使用して、Chrome 9 と Fx 4b11 でプレースホルダー テキストのスタイルを設定しました。

ここで、これらの規則を理解していないブラウザーのスタイルシートから JavaScript にこのデータを取得させて、プレースホルダー テキストを手動でスタイル設定できるようにします。

YUI3でそれを行う方法を知っている人はいますか? 私は試した:

残念ながら、これは「未定義: どのノードにもバインドされていません { _query="input::-webkit-input-placeholder", _nodes=}」を返すだけです。

どうすればこれができるか知っている人はいますか?それとも可能なら?

0 投票する
1 に答える
3321 参照

spring - PropertyPlaceholderConfigurer が tomcat で機能していません。助けてください

Tomcat 環境にデプロイされた私の webapp には、${myurl} のような placeHolder を含む Spring 構成ファイルが 1 つあります。プレースホルダーを置き換えるために、 PropertyPlaceholderConfigurater Bean を含む WEB-INF ディレクトリに applicationContext.xml を作成し、その場所を WEB-INF ディレクトリ内のプロパティ ファイルに設定しました。

次に、web.xml でコンテキストを指定します。

WEB-INF/my.properties 内 myurl=http://www.google.com

これは springFile1.xml です

解析されていない値 ${myurl} を取得し続けます

プロパティ ファイルをクラスパス、絶対パス、および WEB-INF に配置しようとしましたが、結果はすべて同じです。

助言がありますか?ありがとう。