지속적인 Dreamweaver HTML5 지원을 위해 일부 양식 요소를 위한 새로운 특성이 소개되었습니다. 또한 4개의 HTML5 양식 요소가 소개되었습니다.

[삽입] 패널에서 양식 요소를 찾을 수 있습니다. [윈도우] > [삽입]을 선택합니다. [삽입] 패널 메뉴에서 [양식]을 선택합니다.

Dreamweaver의 개정된 양식 워크플로

Dreamweaver의 개정된 양식 워크플로
Dreamweaver 12.1 업데이트에 대한 개정된 양식 워크플로우입니다.
David Powers

양식 요소에 공통적인 새로운 특성

다음의 새로운 특성은 모든 양식 요소에 공통적입니다.

  • 비활성화: 브라우저가 요소를 사용하지 않도록 하려면 이 옵션을 선택하십시오.
  • 필수: 값이 지정되었는지 브라우저가 확인하도록 하려면 이 옵션을 선택하십시오.
  • 자동 작성: 사용자가 브라우저에 정보를 입력할 때 값이 자동으로 채워지게 하려면 이 옵션을 선택하십시오.
  • 자동 초점: 브라우저가 페이지를 로드할 때 이 요소에 초점을 맞추려면 이 옵션을 선택하십시오.
  • 읽기 전용: 요소의 값을 읽기 전용으로 설정하려면 이 옵션을 선택하십시오.
  • 양식: <입력> 요소가 속해 있는 하나 이상의 양식을 지정합니다.
  • 이름: 코드의 요소를 참조하기 위해 사용하는 고유한 이름입니다.
  • 자리 표시자: 입력 필드의 예상 값을 설명하는 힌트입니다.
  • 패턴: 요소의 값이 유효한 정규식입니다.
  • 제목: 요소에 대한 추가 정보입니다. 도구 설명으로 표시됩니다.
  • 탭 인덱스: 현재 문서의 탭 순서에서 현재 요소의 위치를 지정합니다.

수정된 특성을 포함하는 양식 요소

  • 양식 유효하지 않음: 양식 유효성을 사용하지 않으려면 이 옵션을 선택합니다. 이 선택 항목은 양식 레벨에서 유효하지 않음 특성을 재정의합니다.
  • 양식 Enc 유형: 사용자 에이전트가 양식 제출을 위해 이 요소에 연결하려는 MIME 유형입니다.
  • 양식 대상: 컨트롤 대상을 나타내는 검색 컨텍스트 이름 또는 키워드입니다.
  • 문자 집합 허용: 양식 제출에 사용된 문자 인코딩을 지정합니다.

참고:

특성 링크에는 HTML5 사양에 열거된 모든 특성에 대한 정보가 포함되어 있습니다. 속성 패널에 없는 특성도 있습니다. 이 패널에 없는 특성을 추가하려면 코드 보기를 사용할 수 있습니다.

양식 요소 요소에 고유한 새 특성 특성 설명
텍스트 필드 목록 http://www.w3.org/TR/html-markup/input.text.html
버튼 <특정 새 특성 없음> http://www.w3.org/wiki/HTML/Elements/button
확인란 <특정 새 특성 없음> http://www.w3.org/TR/html-markup/input.checkbox.html
파일 다중 http://www.w3.org/TR/html-markup/input.file.html
양식 유효성 검사 없음, 문자 집합 허용 http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html
숨김 <특정 새 특성 없음> http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html
암호 <특정 새 특성 없음> http://www.w3.org/TR/html-markup/input.password.html
이미지 폭, 높이, 조치, 방법, 양식이 유효하지 않음, 양식 Enc 유형, 양식 대상. http://www.w3.org/TR/html-markup/input.image.html
재설정 <특정 새 특성 없음> http://dev.w3.org/cvsweb/html5/markup/button.reset.html
전송 양식이 유효하지 않음, 양식 Enc 유형, 양식 대상, 조치, 탭 인덱스, 방법 http://www.w3.org/TR/html-markup/input.submit.html
라디오 <특정 새 특성 없음> http://www.w3.org/TR/html-markup/input.radio.html
TextArea 행, Cols, 자리 표시자, 줄 바꿈, 최대 길이, 탭 인덱스 http://www.w3.org/TR/html-markup/textarea.html
선택 크기 http://www.w3.org/wiki/HTML/Elements/select

HTML5 양식 요소

양식 요소 사용 가능 설명 특성 설명
색상 12.2 색상을 포함해야 하는 입력 필드. http://www.w3.org/TR/html-markup/input.color.html
날짜 12.2 사용자가 날짜를 선택하도록 도와주는 컨트롤. http://www.w3.org/TR/html-markup/input.date.html
날짜 시간 12.2 사용자가 날짜와 시간을 선택할 수 있도록 허용(시간대 포함). http://www.w3.org/TR/html-markup/input.datetime.html
날짜/시간 현지 12.2 사용자가 날짜와 시간을 선택할 수 있도록 허용(시간대 제외). http://www.w3.org/TR/html-markup/input.datetime-local.html
12.2 사용자가 월과 연도를 선택할 수 있도록 허용. http://www.w3.org/TR/html-markup/input.month.html
숫자 12.2 숫자만 포함해야 하는 필드. http://www.w3.org/TR/html-markup/input.number.html
범위 12.2 숫자 범위의 값을 포함해야 하는 필드. http://www.w3.org/TR/html-markup/input.range.html
시간 12.2 사용자가 시간을 선택할 수 있도록 허용. http://www.w3.org/TR/html-markup/input.time.html
12.2 사용자가 주 및 연도를 선택할 수 있도록 허용. http://www.w3.org/TR/html-markup/input.week.html
이메일 12.1 요소 값에 주어진 이메일 주소 목록 편집에 대한 컨트롤. http://www.w3.org/TR/html-markup/input.email.html
검색 12.1 하나 이상의 검색 용어를 입력하기 위한 1행의 단순 텍스트 편집 컨트롤. http://www.w3.org/TR/html-markup/input.search.html
전화번호(Tel) 12.1 전화번호를 입력하기 위한 1행의 단순 텍스트 편집 컨트롤. http://www.w3.org/TR/html-markup/input.tel.html
URL 12.1 요소 값에 주어진 절대 URL 편집을 위한 컨트롤. http://www.w3.org/TR/html-markup/input.url.html

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책