2017-10-20 3 views
0

URL을 입력 할 수있는 input이 있습니다. 이제 미리 정의 된 URL을 선택할 수있는 제안 목록을 입력에 추가하는 것도 좋습니다.각도 입력 유형 = "select url"

내 시도는 type=selecttype=url에서 변경하고 DataList에 제공하는 것이 었습니다 :

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

을하지만 지금은 각도에서 URL 유효성 검사를 놓친 거지. 두 가지 유형을 결합하는 방법이 있습니까? 아니면 내가 어떻게 할 수있는 다른 제안?

미리 감사드립니다.

+1

이것은 의미가 없습니다. 첫째, URL "유효성 검사"는 각도 기능이 아닌 HTML5/브라우저 기능입니다. 둘째, HTML'type = "select"; 선택 상자는 완전히 다른 요소 유형이며, '입력'이 아닙니다. – Claies

+0

입력에 "list"속성을 정의했지만 데이터 목록 태그에 "id"속성을 정의해야합니다. 입력시 "텍스트"유형 만 사용하십시오. –

+0

감사합니다. 누락 된 ID는 내 편이던 실수였습니다. 목록이 표시됩니다. 그러나 유형을 편집해야한다고 생각했습니다. 하지만 실제로 형식을 변경할 필요가없는 것처럼 보입니다. – Tobi

답변

1

입력 태그에는 "select"유형이 없습니다. 제안을 제안하려면 자동 완성 시스템을 만들거나 옵션이있는 선택 HTML 태그 만 만들 수 있습니다.