Getting user input text without HTML input elements

Question

Is there a way using angular or just javascript to get the user input text not using HTML input boxes? For example when a user clicks on a paragraph he will be able to change its text without a text area popping so he could input. I tried focusing on angular ngHide element( a input HTML) but with no success. It only focused on the element when its showing.

It is possible, but most likely is not a good idea. What is the problem with input fields? — dfsq
– dfsq, Commented Aug 15, 2016 at 7:16
Do the same with input field only and customize that using css and make a feel of normal paragraph instead of input — Syam Pillai
– Syam Pillai, Commented Aug 15, 2016 at 7:16
@SyamPillai auto height will not work on input not a good idea — Ismail Farooq
– Ismail Farooq, Commented Aug 15, 2016 at 8:11

Harish Kommuri · Accepted Answer · 2016-08-15 07:21:46Z

2

Try contenteditable introduced in HTML 5.

Try Fiddle.

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

answered Aug 15, 2016 at 7:21

Harish Kommuri

2,8641 gold badge24 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reza · Accepted Answer · 2016-08-15 07:22:22Z

0

But there is. contenteditable is an HTML attribute that makes divs and cells editable. you can make a directive in angularjs to use that, but beware of the caveats that it introduces.

answered Aug 15, 2016 at 7:22

Reza

8676 silver badges15 bronze badges

Comments

Murat Bagsiz · Accepted Answer · 2016-08-15 08:07:49Z

0

Take a look at x-editable. It will suit your needs, i think.

answered Aug 15, 2016 at 8:07

Murat Bagsiz

1035 bronze badges

Collectives™ on Stack Overflow

Getting user input text without HTML input elements

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related