2012-04-29 11 views
1

<element />에서 <element></element>으로 요소를 대체 할 수 있습니까? 내가 갖고 싶어이 경우,은 '<element />`~'<element></element> '입니까?

<input {attributes}></input>

을 그냥 그래서이는 <br /> 또는 <hr /> 등에서 할 수 있었다 ... 또한 내 검증 데이터를 추가 할 수 있습니까?

+0

주세요! 아니요 '
'! [W3Fools] (http://w3fools.com/#html_elements_br) –

+0

예 : '
'이 (가) 사용되었습니다! 분명히 휴식 시간에 필요 없을 것입니다. – Edhen

+0

왜 W3C Markup Validation 서비스를 시도해보십시오 - http://validator.w3.org/ –

답변

2

<input> 태그에는 </input> 태그가 없으므로 하나도 필요하지 않습니다. <br><hr>과 동일합니다. 당신이 검증 의미하는 것은 당신이 입력 태그 근처에 표시 할 별도의 HTML이

<input type="text" data-validate="num"> 

경우, 넣어 : 사용자 정의하여 입력 태그 (또는 태그)의 특성은 다음과 같이 속성과 같이 검증 데이터를 넣을 수 있습니다

<input type="text"><span class="validHint">This field accepts only numbers</span> 
+0

NO!유효성 검사는 사실 단지 ui 피드백입니다. div 요소는 틱이나 십자가 아이콘과 같습니다. 분명히이 문제가되는 이유는 정상이 아닙니다. 그러나 이것은 여전히 ​​유효한 XML이 될 XML입니다 ... – Edhen

+2

@Edhen - 귀하의 질문은 분명히 명확하지 않으며 분명히 당신이 무엇을하려고하는지 명확하지 않습니다. . '' 태그 앞뒤에 HTML을 구분하려면 '' 태그 앞뒤에 고유 한 태그를 넣으십시오. 다른 것을 원한다면 질문을 편집하여 실제로 성취하고자하는 것에 대해 구체적으로 작성하십시오. – jfriend00

+0

이 질문은 정말 호기심이었습니다. 나는 입력 요소 뒤 또는 앞에 js를 두는 것이 쉽다는 것을 안다. 하지만 신속한 jquery 함수를 입력 요소에 추가 할 때. 나는 실제로 그것을 적절하게 포장했음을 발견했다. ' {js data}' – Edhen

0

당신이 요소에 데이터를 첨부 할 경우, 왜 안 data-* 속성을 사용 : 그것은 이전 또는 <input> 태그 다음에 자신의 태그의에? (예 : <input data-color="red" />) 이것은 유효하며 구현하기가 쉬워야합니다.

+0

나는 그것이 html5 일 뿐이라고 생각했지만, 어쨌든 내가 정말로 그랬던 것이 아니다. 내가 처리하려고 시도했던 프로세스는 실제로 '

'을 가졌습니다. 입력의 onchange가 ajax 유효성 검사를 통해 false를 반환하면 오류 아이콘을 표시합니다. 왜 내가 할 수 있는지보고 싶었어, 단순히 div 요소를 입력 요소에 상대적으로 스타일을 지정할 수 있고 jqeury와 손쉽게 잡을 수있다. – Edhen

+0

그렇지 않으면 내가 입력과 div 아이콘을 안에 감쌀 것이다. 다른 div처럼. – Edhen

+0

그냥 왜'div'에서 입력을 감싸는 것이 아닌가? 나는 input 요소 안에 데이터를 넣어야 할 필요가 있는지 혼란 스럽다. –

2

<input></input>은 HTML4.01 및 HTML5에서 유효하지 않습니다. W3C's validation service에 따르면

: 1 오류

9 호선, 열 15 : 길 잃은 종료 태그 입력

검증 출력 (이유는 강조). 그래서 여기
< 입력> </입력>

당신은 당신이 <input></input><input>을 대체 할 수 없습니다, 이동합니다.

0

HTML 4.01 이하의 클래식 HTML에서 <input></input>은 유효하지 않습니다. 실제로 브라우저는 길잃은 끝 태그를 무시합니다. 그들은 태그 사이의 내용을 무시하지 않으므로 <input>foo</input><input>foo과 비교하여 아무 것도 달성하지 못합니다. HTML5는이를 변경하지 않습니다.

XHTML에서 <input></input>은 유효하지만 XHTML 사양에 따라 웹에서 사용하면 안됩니다. 태그 사이에 내용을 넣으면 input 요소가 EMPTY 콘텐츠 모델로 선언 되었기 때문에 무효화됩니다.

그래서 완전히 다른 접근 방식을 취해야합니다. 그것은 정말로 당신이 달성하고자하는 것에 달려 있으며, 다른 제목 아래에서 논의되어야합니다. 문제에 따라 솔루션은 새로운 HTML5 속성 또는 data- 속성이거나 숨겨진 필드이거나 숨겨진 요소이거나 문서 트리의 데이터 일 수 있습니다.

관련 문제