2016-08-15 17 views
0

HTML入力ボックスを使用しないユーザー入力テキストを取得するには、角度またはジャバスクリプトを使用する方法はありますか?たとえば、ユーザーが段落をクリックすると、テキスト領域がポップすることなくテキストを変更して入力できるようになります。私は角度ngHide要素(入力HTML)に焦点を当ててみましたが、成功しませんでした。その要素が表示されるときにのみ要素に焦点を当てました。HTML入力要素を使用しないユーザー入力テキストの取得

+1

これは可能ですが、ほとんどの場合はお勧めできません。入力フィールドの問題は何ですか? – dfsq

+0

'input'フィールドだけで同じことを行い、cssを使ってそれをカスタマイズし、入力の代わりに普通の段落を感じます。 –

+0

@SyamPillaiの自動高さは入力にはうまくいかないでしょう –

答えて

2

はHTML 5

Try Fiddleで導入contenteditableを試してみてください。

<p contenteditable="true" onfocus="alert(this.textContent)" onblur="alert(this.textContent)"> 
    Enter Name 
</p> 
0

ただし、あります。 contenteditableは、divやセルを編集可能にするHTML属性です。あなたはそれを使用するためにangularjsの指示をすることができますが、それが導入するcaveatsに注意してください。

0

x-editableをご覧ください。それはあなたのニーズに合っていると思います。

関連する問題