html:html5:form
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
html:html5:form [2012/07/17 00:13] kwon37xi |
html:html5:form [2013/02/26 11:26] (현재) kwon37xi [multiple] |
||
|---|---|---|---|
| 줄 14: | 줄 14: | ||
| * placeholder : input 영영에 안내 문구 넣기 | * placeholder : input 영영에 안내 문구 넣기 | ||
| * contenteditable : input이 아닌 일반 엘리먼트에 지정하여 input 처럼 즉시 수정할 수 있게 한다. | * contenteditable : input이 아닌 일반 엘리먼트에 지정하여 input 처럼 즉시 수정할 수 있게 한다. | ||
| + | * autocomplete=" | ||
| + | |||
| + | ===== HTML5 지원여부 검사 ===== | ||
| + | * 각 타입별로 input 객체를 생성해서 type을 지정해보고 값을 입력해서 정확한 값이 들어가는지 테스트해볼 수 있다. | ||
| + | * [[http:// | ||
| ===== Color ===== | ===== Color ===== | ||
| 줄 31: | 줄 36: | ||
| } | } | ||
| </ | </ | ||
| + | |||
| + | ===== autofocus ===== | ||
| + | <code javascript> | ||
| + | function hasAutofocus() { | ||
| + | var element = document.createElement(' | ||
| + | return ' | ||
| + | } | ||
| + | |||
| + | $(function(){ | ||
| + | | ||
| + | | ||
| + | } | ||
| + | }); | ||
| + | </ | ||
| + | |||
| + | ===== placeholder ===== | ||
| + | <code javascript> | ||
| + | function hasPlaceholderSupport() { | ||
| + | var i = document.createElement(" | ||
| + | return " | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | ===== contenteditable ===== | ||
| + | * contenteditable=" | ||
| + | * blur 이벤트를 받아서 해당 값이 변경되면 저장해 Ajax 호출로 저장한다. | ||
| + | <code javascript> | ||
| + | if (document.getElementById(" | ||
| + | // content editable을 지원할 때 하는 작업 | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | ===== multiple ===== | ||
| + | * [[http:// | ||
| + | * '' | ||
html/html5/form.1342451629.txt.gz · 마지막으로 수정됨: 2012/07/17 00:13 저자 kwon37xi
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
