角輸入類型=“選擇URL”

Question

我有一個input ，您可以在其中input URL。 現在，我還想在輸入中添加一個建議列表，您可以在其中選擇預定義的URL。

我的嘗試是從type=url更改為type=select並提供一個數據列表：

<input type=select list=servers required ng-model=server />
<datalist id=servers>
    <option label="Server example 1" value="https://www.google.de/"/>
</datalist>

但是現在我從角度上缺少URL驗證。 有沒有辦法結合這兩種類型？ 或其他建議，我該怎么做？

提前致謝

Answer 1

輸入標簽上不存在“選擇”類型。 要提出建議，您可以創建一個自動補全系統，或者僅選擇帶有選項的HTML標記。