세상과 연결

속성 값(The value Attribute)value 속성은 입력 필드의 초기 값을 지정합니다. 예이름 : readonly 속성(The readonly Attribute)readonly 속성은 입력 필드가 읽기 전용임을 지정합니다 (변경할 수 없음). 예이름 : disabled 속성(The disabled Attribute) disabled 속성은 입력 필드가 비활성화되도록 지정합니다. 비활성화 된 입력란은 사용할 수없고 클릭 할 수 없으며 양식을 제출할 때 그 값은 전송되지 않습니다. 예이름 : 크기 특성(The size Attribute)size 속성은 입력 필드의 크기 (문자 수)를 지정합니다. 예이름 : maxlength 속성(The maxlength Attribute)maxlength 속성은 ..

입력 유형 전화(Input Type Tel)는 전화 번호가 들어있는 입력 필드에 사용됩니다. tel 유형은 현재 Safari 8에서만 지원됩니다. OperaSafariChromeFirefoxInternet Explorer예 전화: 입력 유형 URL(Input Type Url)은 URL 주소를 포함해야하는 입력 필드에 사용됩니다. 브라우저 지원에 따라 url 필드는 제출 될 때 자동으로 유효성을 검사 할 수 있습니다. 일부 스마트 폰은 URL 유형을 인식하고 URL 입력과 일치하도록 키보드에 ".com"을 추가합니다. OperaSafariChromeFirefoxInternet Explorer예 홈페이지 추가 :

입력 유형 날짜 / 시간 - 로컬(Input Type Datetime-local) 은 시간대가없는 날짜 및 시간 입력 필드를 지정합니다. 브라우저 지원에 따라 날짜 선택 도구가 입력 필드에 나타날 수 있습니다. OperaSafariChromeFirefoxInternet Explorer예 생일 (날짜 및 시간) : 입력 유형 전자 메일(Input Type Email) 은 전자 우편 주소가 들어있는 입력 필드에 사용됩니다. 브라우저 지원에 따라 전자 메일 주소를 제출할 때 자동으로 유효성을 검사 할 수 있습니다. 일부 스마트 폰은 이메일 유형을 인식하고 이메일 입력과 일치하도록 키보드에 ".com"을 추가합니다. OperaSafariChromeFirefoxInternet Explorer예 이메일: 입력 유형..

입력 유형 범위(Input Type Range) 는 범위 내의 값을 포함해야하는 입력 필드에 사용됩니다. 브라우저 지원에 따라 입력 필드가 슬라이더 컨트롤로 표시 될 수 있습니다. OperaSafariChromeFirefoxInternet Explorer예 제한을 지정하기 위해 다음 속성을 사용할 수 있습니다 : min, max, step, value. 입력 유형 월(Input Type Month) 에서는 사용자가 월과 연도를 선택할 수 있습니다. 브라우저 지원에 따라 날짜 선택 도구가 입력 필드에 나타날 수 있습니다. OperaSafariChromeFirefoxInternet Explorer예 생일 (월 및 일) : 입력 유형 주(Input Type Week) 사용자가 주와 연도를 선택할 수 있습니다...

는 날짜가 들어있는 입력 필드에 사용됩니다. 브라우저 지원에 따라 날짜 선택 도구가 입력 필드에 나타날 수 있습니다. OperaSafariChromeFirefoxInternet Explorer예 생일: 날짜에 제한을 추가 할 수도 있습니다. OperaSafariChromeFirefoxInternet Explorer예 1980-01-01 전에 날짜를 입력하십시오 : 2000-01-01 이후에 날짜를 입력하십시오 : 입력 유형 색상(input color)는 색상을 포함해야하는 입력 필드에 사용됩니다. 브라우저 지원에 따라 색상 선택 도구가 입력 필드에 나타날 수 있습니다. OperaSafariChromeFirefoxInternet Explorer예 원하는 색상을 선택하십시오.

입력 제한(Input Restrictions) 몇 가지 일반적인 입력 제한 목록이 있습니다 (일부는 HTML5에서 새로 추가되었습니다). AttributeDescriptiondisabledSpecifies that an input field should be disabledmaxSpecifies the maximum value for an input fieldmaxlengthSpecifies the maximum number of character for an input fieldminSpecifies the minimum value for an input fieldpatternSpecifies a regular expression to check the input value againstreadonly..

HTML5 input 유형HTML5는 몇 가지 새로운 입력 유형을 추가했습니다. types: - color- date- datetime- datetime-local- email- month- number- range- search- tel- time- url- week 이전 웹 브라우저에서 지원하지 않는 새로운 입력 유형은 처럼 작동합니다. 입력 유형 번호는 숫자 입력 필드를 정의합니다. 허용되는 번호에 대한 제한을 설정할 수도 있습니다. 다음 예는 1에서 5까지의 값을 입력 할 수있는 숫자 입력 필드를 표시합니다. OperaSafariChromeFirefoxInternet Explorer예 수량 (1 ~ 5) :

Input Type Radio는 라디오 버튼을 정의합니다. 라디오 버튼을 사용하여 제한된 수의 선택 사항 중 하나만 선택할 수 있습니다. 예 남성 여성용 자료 기타 Input Type Checkbox는 체크 박스를 정의합니다. 예 자전거가 있습니다. 나는 차를 가지고있다. Input Type Button 버튼을 정의합니다. 예 2017/01/06 - [IT/html] - HTML Input Type Submit , Input Type Reset2017/01/06 - [IT/html] - html Input Type Text , Input Type Password2017/01/05 - [IT/html] - html textarea button 요소2017/01/05 - [IT/html] - HTML5 fo..

Input Type Submit 양식 데이터를 양식 처리자에게 제출하기위한 버튼을 정의합니다. 양식 핸들러는 일반적으로 입력 데이터를 처리하는 스크립트가있는 서버 페이지입니다. 양식 처리기는 양식의 action 속성에 지정됩니다. 예 이름 : 성 : Submit제출 버튼의 value 속성을 생략하면 버튼에 기본 텍스트가 표시됩니다. 예 이름 : 성 : Input Type Reset 모든 양식 값을 기본값으로 재설정하는 재설정 버튼을 정의합니다. 예 이름 : 성 :

Input Type Text는 한 행의 텍스트 입력 필드를 정의합니다. 예 이름 : 성 : Input Type Password는 암호 필드를 정의합니다. 예 사용자 이름 : 사용자 비밀번호 : 2017/01/05 - [IT/html] - HTML5 form 요소 datalist keygen output2017/01/05 - [IT/html] - html textarea button 요소2017/01/05 - [IT/html] - html input select 요소2017/01/03 - [IT/html] - html form action2017/01/03 - [IT/html] - html name 속성