Obiekt URL DOM Input w HTML

Obiekt URL wejścia

Obiekt URL wejścia jest nowym obiektem w HTML5.

Obiekt URL wejścia reprezentuje element HTML <input type="url">.

Komentarz:Internet Explorer 9 (i wcześniejsze wersje) oraz Safari nie obsługują elementu <input type="search">.

Dostęp do obiektu URL wejścia

Możesz uzyskać dostęp do elementu <input type="url"> za pomocą metody getElementById():

var x = document.getElementById("myUrl");

Spróbuj sam!

Tworzenie obiektu URL wejścia

Możesz utworzyć element <input type="url"> za pomocą metody document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "url");

Spróbuj sam!

Atrybut obiektu URL wejścia

Atrybuty Opis
autocomplete Ustawienie lub zwracanie wartości atrybutu autocomplete pola wyszukiwania.
autofocus Ustawienie lub zwracanie, czy pole wyszukiwania powinno automatycznie uzyskać skupienie po załadowaniu strony.
defaultValue Ustaw lub zwróć wartość wartości domyślnej pola Search.
disabled Ustaw lub zwróć, czy pole Search jest wyłączone.
form Zwróć odniesienie do formularza zawierającego pole Search.
list Zwróć odniesienie do datalist zawierającego pole Search.
maxLength Ustaw lub zwróć wartość atrybutu maxLength pola search.
multiple Ustaw lub zwróć, czy użytkownik może wprowadzić więcej niż jeden adres URL w polu URL.
name Ustaw lub zwróć wartość atrybutu name pola Search.
pattern Ustaw lub zwróć wartość atrybutu pattern pola Search.
placeholder Ustaw lub zwróć wartość atrybutu placeholder pola Search.
readOnly Ustaw lub zwróć, czy pole Search jest tylko do odczytu.
required Ustaw lub zwróć, czy pole Search musi być wypełnione przed wysłaniem formularza.
size Ustaw lub zwróć wartość atrybutu size pola Search.
step Ustaw lub zwróć wartość atrybutu step pola Search.
type Zwróć typ elementu formularza pola Search.
value Ustaw lub zwróć wartość atrybutu value pola Search.

Metody obiektu Input URL

Metoda Opis
blur() Usunąć uwagę z pola URL.
focus() Przydziel uwagę do pola URL.
select() Wybierz zawartość pola tekstowego URL.

Standardowe atrybuty i zdarzenia

Obiekt URL Input wspiera standardyAtrybutyiZdarzenia.

Strony związane

Tutorial HTML:Formularze HTML

Podręcznik HTML:Etiqueta <input> HTML

Podręcznik HTML:Atrybut type elementu <input> HTML