Dojo : 왜 추가 텍스트 상자가 생성됩니까?

코드의 다음 부분은 파이어 폭스와 크롬Dojo : 왜 추가 텍스트 상자가 생성됩니까?

enter image description here

<html> 
    <title>Dojo Example</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" 
    djConfig="parseOnLoad: true"> 
    </script> 
    <script type="text/javascript"> 
    dojo.require("dojo.parser"); 
    dojo.require("dijit.form.ValidationTextBox") 
    </script> 
    <label for="firstName"> First Name: </label> 
    <input type="text" id="firstName" 
    dojoType="dijit.form.ValidationTextBox" 
    promptMessage="Enter first name:" 
    invalidMessage="First Name is required" 
    /> 
</html>

여분의 텍스트 상자를 그 위에 텍스트 "X"로 생산이 결과를 생성합니다. 나는 그것을 고칠 방법을 모르고 왜 이것이 일어나는가? 누구든지 도울 수 있니?

출처

2011-10-05 Kit Ho

당신이 다른 브라우저에서 재현 할 수 있습니까? –

@Pekka : 네 .. 매우 이상합니다. –

유효한 dijit 테마를 HTML 문서의 body 태그에 추가하고 사용할 테마의 CSS 스타일 시트에 a를 추가해야합니다. 예를 들어

<html> 
    <head>  
     <title>Dojo Example</title> 
     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"> 
     <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" 
      djConfig="parseOnLoad: true"> 
     </script> 
     <script type="text/javascript"> 
      dojo.require("dojo.parser"); 
      dojo.require("dijit.form.ValidationTextBox") 
     </script> 
    </head> 
    <body class="claro"> 
     <label for="firstName"> First Name: </label> 
     <input type="text" id="firstName" 
      dojoType="dijit.form.ValidationTextBox" 
      promptMessage="Enter first name:" 
      invalidMessage="First Name is required" 
     /> 
    </body> 
</html>

출처

2011-10-05 20:03:11 BuffaloBuffalo

CSS가 최종 결과에 영향을 미칩니다 ... 그 이상한 ... –

모든 dijit 프로젝트 구성 요소는 보이는대로 결정하는 일부가 있습니다. css는 또한 하나의 dijit.form.ValidationTextBox를 구성하는 여러 html 요소의 숨기기/표시 중 일부를 처리합니다. – BuffaloBuffalo

Dojo : 왜 추가 텍스트 상자가 생성됩니까?

답변

관련 문제