www라는 용어를들은 후 가장 먼저 떠오르는 것입니다. 기본적으로 오늘 방문하는 모든 웹 사이트의이면에있는 것입니다. 이 기사에서는 몇 가지 고급 HTML 양식 속성을 살펴 보겠습니다.
이 기사에서는 다음 사항을 다룰 것입니다.
이 기사를 시작하겠습니다.
고급 HTML 양식 속성
HTML만으로는 오늘날 우리가 보는 가장 사랑받는 디자인으로 정의를 수행 할 수 없습니다. 도움이 필요하며 CSS 또는 캐스 케이 딩 스타일 시트 . HTML과 CSS를 함께 사용하여 매력적인 웹 페이지를 만들 수 있습니다.
고급 HTML 양식 속성에 대한이 기사로 이동
HTML의 태그 및 속성
둘 다 HTML의 기본이며 함께 작동하지만 다른 기능을 수행합니다.
태그 : 태그는 HTML 요소의 시작 부분을 표시하는 데 사용되며 꺾쇠 괄호로 묶여 있습니다.
예:
위 태그는 HTML의 제목 태그입니다.
속성 : 태그에 대한 추가 정보이며 태그 내에 지정됩니다.
예:
위의 태그는 이미지 태그입니다 alt는 태그의 속성이며 hello_world.jpg 이미지에 대한 설명을 제공합니다.
필요한 기본 사항을 논의 했으므로 이제 고급 HTML 및 CSS 태그 인이 기사의 동기로 더 나아갈 수 있습니다.
고급 HTML 양식 속성에 대한이 기사로 이동
Max, Maxlength 및 Min 속성
이들은 특히 입력 태그의 속성입니다. 입력 태그는 기본적으로 텍스트, 숫자, 라디오 버튼, 날짜, 확인란, 시간, 암호 등과 같은 사용자의 다양한 입력 유형을 수용하기 위해 태그 내부에서 사용됩니다.
최대
이 속성은 지정된 입력에 대한 최대 값을 지정합니다. 사용자가 최대 값 이상을 입력하려고하면 나중에 문자 나 값을 허용하지 않습니다.
노트 :
Max 속성은 HTML 5에서 도입되었습니다.
예:
학생 수 :
GitHub Gist 링크 :
학생의 가치는 50 이상으로 증가 할 수 없습니다.
노트 : 태그의 속성 작업은 추가 프로세스를 위해 입력 된 데이터를 보낼 위치를 지정합니다. 이 경우 PHP 파일 인 submit_detail.php입니다.
학생 수는 텍스트 상자에 입력 할 세부 정보입니다.
첫 번째 태그의 max 속성은 텍스트 상자에 입력 할 수있는 최대 숫자 값을 나타내며, 이는 max 속성의 주된 동기 인 50보다 큰 값은 허용되지 않습니다.
Max 태그를 사용하여 사용자가 입력 필드에 입력 할 수있는 최대 날짜를 정의 할 수도 있습니다.
예:
YYYY-MM-DD 형식으로 생년월일을 입력하세요.
최대 생년월일 : 2000-03-31
GitHub Gist 링크 :
우리는 31을 사용했습니다성최대 날짜는 2000 년 3 월이며 달력 옵션은 해당 날짜까지만 제한됩니다.
이 입력 필드에서 사용자는 max 속성에 지정된 날짜 이후의 날짜를 입력 할 수 없습니다.
고급 HTML 양식 속성에 대한이 기사로 이동
최대 길이
이름에서 알 수 있듯이이 속성은 사용자가 입력 필드에 입력 할 수있는 최대 문자 길이를 지정합니다. 속성 값은 숫자입니다.
예:
사용자 이름 입력 :
GitHub Gist 링크 :
자바에서 xml을 구문 분석하는 방법
입력 필드의 제한은 15 자이므로 입력은 15 자로 제한됩니다.
태그의이 maxlength 속성은 사용자가 지정된 값인 15보다 크지 않은 입력을 제공하도록 제한합니다.
노트 maxlength 속성의 기본값은 524288입니다.
고급 HTML 양식 속성에 대한이 기사로 이동
최소
min 속성은 입력 필드에 입력 할 값의 최소값을 지정합니다.
예:
나이 입력 :
GitHub Gist 링크 :
입력 태그의 min 속성은 입력 연령이 18 이상이어야 함을 정의합니다.
팁: 입력에 최소 및 최대 속성을 모두 사용하여 입력에 유효한 범위 또는 허용 가능한 범위를 제공 할 수 있습니다.
예:
나이 입력 :
GitHub Gist 링크 :
이것으로 우리는 고급 HTML 양식 속성에 대한이 기사의 끝으로 왔습니다.
이제 필드의 입력 범위는 18보다 작을 수없고 동시에 50보다 클 수 없습니다.max 및 min 속성은 숫자, 범위, 날짜, datetime, datetime -local, 월, 시간 및 주와 같은 여러 입력 유형과 함께 사용할 수 있습니다.
이제 HTML이 무엇인지 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 기사의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.