Angular input type="select url"

Question

I have a input where you can type in a URL. Now I also like to add a suggestion list to the input where you can select predefined URLs.

My attempt was to change from type=url to type=select and provide a datalist:

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

But now I am missing the URL validation from angular. Is there a way to combine those two types? Or any other suggestion how I can do that?

Thanks in advance

This doesn't even make sense. First, URL "validation" is an HTML5/browser feature, not an angular feature. Second, there is no HTML type="select"; select boxes are a completely different element type, they are not an input. — Claies
– Claies, Commented Oct 20, 2017 at 6:19
Btw you have defined the attribute "list" on the input but you have to define the "id" attribute on the datalist tag. Just use type "text" on your input. — Lievno
– Lievno, Commented Oct 20, 2017 at 7:25
Thanks, the missing ID was just a copy mistake from my side. The list is shown. But I thought I also need to edit the type. but it indeed looks like I do not need to change the type... — Tobi
– Tobi, Commented Oct 20, 2017 at 7:27

Lievno · Accepted Answer · 2017-10-20 06:21:23Z

1

the type "select" does not exist on input tag. To propose a suggestion maybe you can create an autocompletion system or just a select HTML tag with options.

answered Oct 20, 2017 at 6:21

Lievno

1,0419 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular input type="select url"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related