Hello all! I'm wondering how to do the relevant tags thing thats here below . I wanna add something like this for my website

Question

for a multi category selecting option i provide in my website i wanna add UI like relevant tags here...how can I do that using HTML CSS JS ...thanks in advance!

Answer 1

https://code.sololearn.com/W8MJ1x4qAmbr/?ref=app
Is this what you mean? Do you need me to explain any part?

Answer 2

You can use this...
<legend>Favourite Code</legend>
<select id="favourite">
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="js">JavaScript</option>
</select>
Then in your Javascript, you can access it using...
var favourite = document.getElementById("favourite");
var userInput = favourite.value;

Answer 3

Don't really understand your question, but guessing you're talking about meta tags. Have a read of this:
https://www.w3schools.com/tags/tag_meta.asp

Answer 4

You should make a JavaScript function which uses the value to change something on the webpage.
Then you can use onchange to call it. Like...
<select id="favourite" onchange="myFunction();">
Otherwise make a button.
<button onclick="myFunction();">Go</button>

Answer 5

i want to know about relevant option given in q&a section. like we can type something and it will be added as block.,and we can continue

Answer 6

then how to display without getting earlier out

Answer 7

Can you ask that last bit using different words please? I don't understand.

Answer 8

we are getting option value in var using id. then I wanna display result in block like it's done in questions tags(you can see green blocks with tags for relevance) like HTML,css etc for reference.
after displaying one result in block, another selection must be displayed in another block in continuation without getting first one overwritten.
sorry my English is no good . atleast in this situation.

Answer 9

Need me to demo?

Answer 10

that would be appreciated!

Answer 11

You can contact me on here, but I'd rather not share further details, sorry.
I just followed you. :)

Answer 12

okay