テキストエリアのプレースホルダ？ （ExtJS）

Question

テキストエリアのプレースホルダはありますか？ （ExtJS）

Answer 1

emptyText設定オプションがExt.form.TextAreaにあります。

ドキュメント：

空のフィールドに配置するデフォルトのテキスト（デフォルトはnullに）。注：このフィールドが有効にされ、名前が設定されている場合、この値はサーバーに送信されます。内線4.2.2用

ドキュメント：

デフォルトのテキストは、空のフィールドに配置します。

通常、このフィールドが有効な場合、この値はサーバーに送信されます。これを防ぐにはExt.form.Basic.submitのsubmitEmptyTextオプションをfalseに設定することができます。

inputType: 'file'を使用する場合、emptyTextはサポートされていないため、避けてください。

これをサポートするブラウザでは、このプロパティを設定するとHTML 5プレースホルダ属性が使用され、HTML 5プレースホルダ属性をサポートしない古いブラウザでは値が入力要素自体に直接配置されます生の価値。これは、古いブラウザではパスワード入力フィールドの値がemptyTextであることがわかりにくくなることを意味します。

Answer 2

HTML5ドラフトによれば、textarea要素にplaceholder属性を使用できます。これはJavaScriptに依存しません。他に何か意味がありましたか？

placeholder属性へのブラウザサポートは、依然としてかなり制限されています。一方、テキストエリアにプレースホルダが必要な場合は、テキストエリアの前に説明ラベルを置く必要はほとんどありません。

Answer 3

emptyText設定オプションは、@ e-zincによって指摘されているように動作します。しかし、それは値をクリアしません。ここに修正があります。

initComponent: function() { 
    var me = this; 

    me.on('focus', function() { 
     if(!me.isDirty()) { 
      me.setValue(''); 
     } 
    }); 

    me.callParent(arguments); 
} 

Answer 4

使用この： -

xtype: 'textfield', 
placeHolder: 'Please Enter Something'