How does stackoverflow make its Tag input field? [closed]

by

What about Bootstrap solution?

You can try this :

HTML Code:

<input type="text" value="html,input,tag" data-role="tagsinput"></input>

For CSS, call these two files:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.css">

For Javascript, call these two files:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>

The code will generate the result below:

enter image description here

Check it out.

More Related Contents:

  1. Display HTML snippets in HTML
  2. using href links inside tag
  3. Are there any style options for the HTML5 Date picker?
  4. Put icon inside input element in a form
  5. Implement an input with a mask
  6. Why are nested anchor tags illegal?
  7. Style input type file? [duplicate]
  8. How to apply Hovering on html area tag?
  9. How to get current formatted date dd/mm/yyyy in Javascript and append it to an input [duplicate]
  10. Override browser form-filling and input highlighting with HTML/CSS
  11. Closing HTML tag issue
  12. Changing the symbols shown in a HTML password field
  13. How to set date format in HTML date input tag?
  14. Wrapping text inside input type=”text” element HTML/CSS
  15. Why does my “oninvalid” attribute let the pattern fail?
  16. Tab Index on div
  17. Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing
  18. is there a max size to the length of a hidden input in html?
  19. White space inside XML/HTML tags
  20. In HTML5, can the and tags appear outside of the tag?
  21. What does “for” attribute do in an HTML tag?
  22. Self-closing tags (void elements) in HTML5
  23. Is whitespace allowed within XML/HTML tags?
  24. How to change the text color of first select option
  25. Strip all HTML tags except links
  26. How do I trigger an HTML button when the “Enter” key is pressed in a textbox?
  27. What’s the point of having hidden input in HTML? What are common uses for this?
  28. How to get the text from the HTML5 input field error message in Selenium?
  29. Make input element (type=”text”) handle multiple lines of text
  30. What’s the difference between the HTML width / height attribute and the CSS width / height property on the img element?

Leave a Comment