html - 下拉连字符和文本。前 CSE - 123

Question

我需要像这样设计表单字段
一个下拉列表，然后是一个连字符，然后是一个文本字段，因此输出将是
CSE - 123
我还将数据存储在数据库中，因此会有一个名称。如果一个名字不可能，那么我可以连接它。
但是我如何设计带有下拉菜单和连字符和文本字段的字段。
帮我。提前致谢。
enter image description here

Answer 1

我们可以正常创建select。但是限制文本字段的长度存在问题。所以我为此添加了 JavaScript。

<select name="course">
  <option value="CSE">CSE</option>
  <option value="EEE">EEE</option>
  <option value="HSS">HSS</option>
  <option value="ENG">ENG</option>
</select>
 - 
<input type="number" onKeyPress="if(this.value.length==3) return false;">