Testaccount
/
1.Test


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/babel.min.js"></script>
  <script src="../js/react.development.js"></script>
  <script src="../js/react-dom.development.js"></script>
  <style>
    .title {
      color: red;
    }
  </style>
</head>
<body>
  <div id="root"></div> 
  <script type="text/babel">
    let element = (
      <div>
        {/* 绑定类名可以用'title'也可以用{'title'} */}
        <h1 className={'title'}>你好</h1>
        <label htmlFor="same">姓名</label>  
        <input id="same" type="text" placeholder="请输入姓名" tabIndex="1"/>
        <br/>
        <label htmlFor="age">年龄</label>  
        <input id="age" type="text" placeholder="请输入姓名" tabIndex="3"/>
        <br/>
        <label htmlFor="sex">性别</label>  
        <input id="sex" type="text" placeholder="请输入姓名" tabIndex="2"/>
      </div>
    )
    let getRoot = document.getElementById('root')
    ReactDOM.createRoot(getRoot).render(element)
  </script>
</body>
</html>