Input

class Input
accept
  • если Input.type = ‘file’, это свой­ст­во со­дер­жит спи­сок MIME-ти­пов, раз­де­лен­ных за­пя­ты­ми, оп­ре­де­ляю­щих ти­пы фай­лов, ко­то­рые мо­гут быть вы­бра­ны
  • audio/*
  • video/*
  • image/*
autocomplete

Зна­че­ние true, ес­ли бро­узе­ру раз­ре­ше­но пред­ва­ри­тель­но за­пол­нять этот эле­мент Input зна­че­ни­ем, со­хра­нив­шим­ся с пре­ды­ду­ще­го се­ан­са.

Со­от­вет­ст­ву­ет ат­ри­бу­ту autocomplete.

checked

Для ра­дио­кно­пок и флаж­ков дан­ное свой­ст­во ука­зы­ва­ет, яв­ля­ет­ся со­от­вет­ст­вую­щий эле­мент «от­ме­чен­ным» или нет.

Из­ме­не­ние это­го свой­ст­ва вы­зы­ва­ет из­ме­не­ние ви­зу­аль­но­го пред­став­ле­ния эле­мен­та вво­да.

defaultChecked

Для ра­дио­кно­пок и флаж­ков дан­ное свой­ст­во хра­нит на­чаль­ное зна­че­ние ат­ри­бу­та checked, эле­мен­та.

Ко­гда вы­пол­ня­ет­ся сброс эле­мен­тов фор­мы, в свой­ст­во checked за­пи­сы­ва­ет­ся зна­че­ние это­го свой­ст­ва.

Со­от­вет­ст­ву­ет ат­ри­бу­ту checked.

defaultValue

Для эле­мен­тов с тек­сто­вым зна­че­ни­ем дан­ное свой­ст­во хра­нит на­чаль­ное зна­че­ние, ото­бра­жае­мое эле­мен­том.

Ко­гда вы­пол­ня­ет­ся сброс эле­мен­тов фор­мы, эле­мент вос­ста­нав­ли­ва­ет­ся в это зна­че­ние.

Со­от­вет­ст­ву­ет ат­ри­бу­ту value.

files

Для эле­мен­тов, зна­че­ни­ем свой­ст­ва type ко­то­рых яв­ля­ет­ся стро­ка «file», дан­ное свой­ст­во ссы­ла­ет­ся на объ­ект, по­доб­ный мас­си­ву, хра­ня­щий объ­ект или объ­ек­ты File, со­от­вет­ст­вую­щие фай­лам, вы­бран­ным поль­зо­ва­те­лем.

formAction

Для кно­пок от­прав­ки форм это свой­ст­во оп­ре­де­ля­ет зна­че­ние, пе­ре­оп­ре­де­ляю­щее зна­че­ние свой­ст­ва action вме­щаю­щей фор­мы.

Со­от­вет­ст­ву­ет ат­ри­бу­ту formaction.

formEnctype

Для кно­пок от­прав­ки форм это свой­ст­во оп­ре­де­ля­ет зна­че­ние, пе­ре­оп­ре­де­ляю­щее зна­че­ние свой­ст­ва enctype вме­щаю­щей фор­мы.

Со­от­вет­ст­ву­ет ат­ри­бу­ту formenctype.

string formMethod

Для кно­пок от­прав­ки форм это свой­ст­во оп­ре­де­ля­ет зна­че­ние, пе­ре­оп­ре­де­ляю­щее зна­че­ние свой­ст­ва method вме­щаю­щей фор­мы.

Со­от­вет­ст­ву­ет ат­ри­бу­ту formmethod.

boolean formNoValidate

Для кно­пок от­прав­ки форм это свой­ст­во оп­ре­де­ля­ет зна­че­ние, пе­ре­оп­ре­де­ляю­щее зна­че­ние свой­ст­ва noValidate вме­щаю­щей фор­мы.

Со­от­вет­ст­ву­ет ат­ри­бу­ту formno­ va­lidate.

formTarget

Для кно­пок от­прав­ки форм это свой­ст­во оп­ре­де­ля­ет зна­че­ние, пе­ре­оп­ре­де­ляю­щее зна­че­ние свой­ст­ва target вме­щаю­щей фор­мы.

Со­от­вет­ст­ву­ет ат­ри­бу­ту formtarget.

indeterminate

Для флаж­ков это свой­ст­во оп­ре­де­ля­ет, на­хо­дит­ся-ли эле­мент в не­оп­ре­де­лен­ном со­стоя­нии (т. е. эле­мент ни от­ме­чен, ни не от­ме­чен).

Это свой­ст­во не яв­ля­ет­ся от­ра­же­ни­ем ка­ко­го-ли­бо HTML-ат­ри­бу­та: его мож­но ус­та­но­вить толь­ко в сце­на­ри­ях на язы­ке Ja­va­Script.

list

Эле­мент <datalist>, со­дер­жа­щий эле­мен­ты <option>, ко­то­рые бро­узер мо­жет ис­поль­зо­вать в ка­че­ст­ве зна­че­ний для под­сказ­ки или ав­то­до­пол­не­ния.

max

Мак­си­маль­ное до­пус­ти­мое зна­че­ние для дан­но­го эле­мен­та Input.

maxLength

Ко­гда зна­че­ни­ем свой­ст­ва type яв­ля­ет­ся стро­ка «text» или «password», дан­ное свой­ст­во оп­ре­де­ля­ет мак­си­маль­ное чис­ло сим­во­лов, ко­то­рые поль­зо­ва­тель смо­жет вве­сти.

Не пу­тай­те это свой­ст­во со свой­ст­вом size.

Со­от­вет­ст­ву­ет ат­ри­бу­ту maxlength.

min

Ми­ни­маль­ное до­пус­ти­мое зна­че­ние для дан­но­го эле­мен­та Input.

multiple

Зна­че­ние true, ес­ли эле­мент вво­да дол­жен при­ни­мать бо­лее од­но­го зна­че­ния ука­зан­но­го ти­па.

Со­от­вет­ст­ву­ет ат­ри­бу­ту multiple.

pattern

Текст ре­гу­ляр­но­го вы­ра­же­ния, ко­то­ро­му дол­жен со­от­вет­ст­во­вать вве­ден­ный текст, что­бы его мож­но бы­ло при­знать до­пус­ти­мым.

Это свой­ст­во ис­поль­зу­ет син­так­сис ре­гу­ляр­ных вы­ра­же­ний Ja­va­Script (без на­чаль­но­го и ко­неч­но­го сим­во­лов слэша), но имей­те в ви­ду, что зна­че­ни­ем это­го свой­ст­ва яв­ля­ет­ся стро­ка, а не объ­ект RegExp.

От­меть­те так­же – что­бы вве­ден­ный текст был при­знан до­пус­ти­мым, шаб­ло­ну дол­ жен со­от­вет­ст­во­вать текст це­ли­ком, а не толь­ко ка­кая-то его часть. Как ес­ли бы шаб­лон на­чи­нал­ся с сим­во­ла ^ и за­кан­чи­вал­ся сим­во­лом $.

Это свой­ст­во со­от­вет­ ст­ву­ет ат­ри­бу­ту pattern.

placeholder

Ко­рот­кая тек­сто­вая стро­ка, ко­то­рая долж­на вы­во­дить­ся в эле­мен­те Input, как при­гла­ше­ние к вво­ду.

Ко­гда поль­зо­ва­тель пе­ре­даст эле­мен­ту фо­кус вво­да, текст при­гла­ше­ния бу­дет стерт и в эле­мен­те по­явит­ся тек­сто­вый кур­сор.

Это свой­ст­во со­от­вет­ст­ву­ет ат­ри­бу­ту placeholder.

readOnly

Ес­ли име­ет зна­че­ние true, эле­мент бу­дет не­дос­ту­пен для ре­дак­ти­ро­ва­ния.

Со­от­вет­ ст­ву­етат­ри­бу­ту readonly.

required

Ес­ли име­ет зна­че­ние true, вме­щаю­щая фор­ма не бу­дет счи­тать­ся кор­рект­ной, по­ка поль­зо­ва­тель не вве­дет зна­че­ние в дан­ный эле­мент Input.

Со­от­вет­ст­ву­ет ат­ри­бу­ту required.

selectedOption

Ес­ли свой­ст­во list оп­ре­де­ле­но и свой­ст­во multiple име­ет зна­че­ние false, дан­ное свой­ ст­во воз­вра­ща­ет вы­бран­ный эле­мент Option из спи­ска list, ес­ли та­ко­вой име­ет­ся.

selectionEnd

Воз­вра­ща­ет или из­ме­ня­ет ин­декс пер­во­го сим­во­ла, сле­дую­ще­го за вы­де­лен­ным фраг­мен­том.

selectionStart

Воз­вра­ща­ет или из­ме­ня­ет ин­декс пер­во­го сим­во­ла в вы­де­лен­ном фраг­мен­те в эле­мен­те <textarea>.

size

Для тек­сто­вых эле­мен­тов вво­да дан­ное свой­ст­во оп­ре­де­ля­ет ши­ри­ну эле­мен­та в сим­во­лах.

Со­от­вет­ст­ву­ет ат­ри­бу­ту size.

Не пу­тай­те со свой­ст­вом maxLength.

step

Для эле­мен­тов вво­да чи­сел (вклю­чая эле­мен­ты вво­да да­ты и вре­ме­ни) это свой­ст­во оп­ре­де­ля­ет шаг из­ме­не­ния зна­че­ния.

Это свой­ст­во мо­жет быть стро­кой «any» или ве­ще­ст­вен­ным чис­лом.

Со­от­вет­ст­ву­ет ат­ри­бу­ту step.

valueAsDate

Воз­вра­ща­ет зна­че­ние эле­мен­та (см. FormControl) в ви­де объ­ек­та Date.

valueAsNumber

Воз­вра­ща­ет зна­че­ние эле­мен­та (см. FormControl) в ви­де чис­ла.

select()

Вы­де­ля­ет весь текст, ото­бра­жае­мый в эле­мен­те Input.

Во мно­гих бро­узе­рах это оз­на­ча­ет, что при вво­де оче­ред­но­го сим­во­ла вы­де­лен­ный текст бу­дет уда­лен и за­ме­щен вве­ден­ным сим­во­лом.

setSelectionRange(unsigned long start, unsigned long end)

Этот ме­тод вы­де­ля­ет текст, ото­бра­жае­мый в эле­мен­те Input, на­чи­ная с сим­во­ла в по­зи­ции start и до (не вклю­чая) сим­во­ла в по­зи­ции end.

stepDown([long n])*

Для эле­мен­тов, под­дер­жи­ваю­щих свой­ст­во step, умень­ша­ет те­ку­щее зна­че­ние на n ша­гов.

stepUp([long n])*

Для эле­мен­тов, под­дер­жи­ваю­щих свой­ст­во step, уве­ли­чи­ва­ет те­ку­щее зна­че­ние на n ша­гов.