可以将选项卡值分配给html表单元素吗？

Question

I am curious if it possible to assign a tab character as value to an html dropdown list. This is my current markup:

<select id="delimiter-select" class="form-control form-control-sm csv-select">
               <option value=",">Comma (,)</option>
               <option value=";">Semi-Colon (;)</option>
               <option value="|">Pipes (|)</option>
               <option value="Tab">Tab</option>
</select>

Where the value Tab is I would like that to be a tab character that I can eventually pass to JS.

Answer 1

There is a HTML entity for the Tab character, 	 or 	 , use that:

 document.getElementById("delimiter-select").onchange = function (e) {console.log(` Separator is ${e.target.value} separating`)} 

 <select id="delimiter-select" class="form-control form-control-sm csv-select"> <option value=",">Comma (,)</option> <option value=";">Semi-Colon (;)</option> <option value="|">Pipes (|)</option> <option value="&Tab;">Tab</option> </select> 

Answer 2

Use 	 as the tabulation HTML entity

 console.log($('#input').val() + 'Test'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="input" value="&#9;">