html5 속성 multiple pattern placeholder required step

The multiple Attribute(다중 속성)

다중 속성은 사용자가 <input> 요소에 둘 이상의 값을 입력 할 수 있도록 지정합니다.

다중 속성은 전자 메일 및 파일과 같은 입력 유형에서 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

여러 값을 허용하는 파일 업로드 필드 :

이미지 선택 : <input type = "file"name = "img"multiple>

The pattern Attribute(패턴 속성)

pattern 속성은 <input> 요소의 값이 검사되는 정규식을 지정합니다.

pattern 속성은 text, search, url, tel, email 및 password 입력 유형과 함께 작동합니다.

팁 : 전역 제목 속성을 사용하여 사용자를 돕기위한 패턴을 설명하십시오.

팁 : 자바 스크립트 자습서에서 정규 표현식에 대해 자세히 알아보십시오.

OperaSafariChromeFirefoxInternet Explorer

예

세 글자 만 포함 할 수있는 입력 필드 (숫자 또는 특수 문자 없음) :

국가 코드 : <input type = "text"name = "country_code"pattern = "[A-Za-z] {3}"title = "세 문자 국가 코드">

The placeholder Attribute(자리 표시 자 특성)

자리 표시 자 속성은 입력 필드의 예상 값 (샘플 값 또는 형식의 간단한 설명)을 설명하는 힌트를 지정합니다.

힌트는 사용자가 값을 입력하기 전에 입력 필드에 표시됩니다.

자리 표시 자 속성은 text, search, url, tel, email 및 password 입력 유형과 함께 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

자리 표시 자 텍스트가있는 입력 필드 :

<입력 유형 = "텍스트"이름 = "fname"자리 표시 자 = "이름">

The required Attribute(필수 속성)

required 속성은 양식을 제출하기 전에 입력 필드를 작성해야한다고 지정합니다.

필수 속성은 텍스트, 검색, url, tel, 이메일, 비밀번호, 날짜 선택기, 숫자, 체크 박스, 라디오 및 파일과 같은 입력 유형에서 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

필수 입력 필드 :

사용자 이름 : <input type = "text"name = "usrname"required>

The step Attribute(step 속성)

step 속성은 <input> 요소에 대한 유효한 숫자 간격을 지정합니다.

예 : step = "3"이면 올바른 숫자는 -3, 0, 3, 6 등이 될 수 있습니다.

팁 : step 속성은 max 및 min 속성과 함께 사용하여 일련의 유효 값을 작성할 수 있습니다.

step 속성은 number, range, date, datetime-local, month, time 및 week 입력 유형과 함께 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

지정된 법적 번호 간격을 가진 입력 필드 :

<input type = "number"name = "points"step = "3">