html 양식의 요소를 정렬 할 수 없습니다

Question

내 코드에서 텍스트 상자 뒤에이 astrik (*)을 배치 할 수 없습니다. 두 번째로 내 양식이 아래쪽으로 표시됩니다. 문제를 파악할 수 없습니다. 너 나 좀 도와 줘. 최대한 빨리 설명 좀 해보 렴.

<style> 
.error {color: #FF0000;} 
</style> 

<?php 
$firstnameErr = $lastnameErr = $emailErr = ""; 
$firstname = $lastname = $email = ""; 

    if ($_SERVER["REQUEST_METHOD"] == "POST") 
     { 
    if (empty($_POST["firstname"])) 
     {$firstnameErr = "Name is required";} 
    else 
     { 
    $firstname = test_input($_POST["firstname"]); 
    } 

    if (empty($_POST["lastname"])) 
    {$lastnameErr = "Name is required";} 

    else 
    { 
$lastname = test_input($_POST["lastname"]); 
} 
    if (empty($_POST["email"])) 
{$emailErr = "Email is required";} 
    else 
{ 
$email = test_input($_POST["email"]); 
    } 
} 

    function test_input($data) 
    { 
$data = trim($data); 
$data = stripslashes($data); 
$data = htmlspecialchars($data); 
return $data; 
    } 
     ?> 
      <div text align =center><h1>Eventous Info</h1></div> 
       <h3>Fill the Required Form:</h3> 
     <p><span class="error">*required field</span></p> 
       <table> 
       <form action="insert.php" method="post"> 
      <tr> 
       <td>Firstname</td><td>:</td> <td><input type="text" name="firstname" >     
     </td> 
     <span class="error">* <?php echo $firstnameErr;?></span><br><br> 
    </tr> 
     <tr> 
     <td>Lastname</td><td>:</td><td><input type="text" name="lastname" ></td> 
     <span class="error">* <?php echo $lastnameErr;?></span><br><br> 
     </tr> 
      <tr> 
     <td>Email</td><td>:</td><td><input type="text" name="email"></td> 
     <span class="error">* <?php echo $emailErr;?></span><br><br> 
     </tr> 
    <tr> 
     <td>Phone</td><td>:</td><td><input type="text" name="number"><td><br><br> 
      </tr> 
     </table> 
     <input type="submit" > 
      </form>` 

Answer 1

별표가있는 <span> 요소는 표 셀 (td) 안에 있어야합니다. 다음 셀에 넣으려면 다른 <td> 태그에 넣으십시오. 입력란이있는 필드에 입력하려는 경우 입력 바로 다음에 입력하십시오. </td>

콜론을 감싸는 방식으로 테이블을 올바르게 설정하는지 궁금합니다. 행 당 세 개의 셀로 표를 유지하는 방법을 살펴 보겠습니다.

<tr> 
    <td>Firstname:</td> 
    <td><input type="text" name="firstname" /></td> 
    <td><span class="error">* <?php echo $firstnameErr;?></span></td> 
</tr> 

Answer 2

당신은 <td>my content</td> 같은 테이블 셀 내부의 <span class="error">* <?php echo $firstnameErr;?></span>을 넣어해야합니다. 테이블의 셀 외부에서 개체를 사용할 수 없습니다.

또한 테이블 셀은 행 내부에서만 사용할 수 있습니다. 테이블의 구조는 다음과 같이해야합니다 : 당신은 테이블 안에 오브젝트 다른 곳에 배치하면, 브라우저가 넣어 위치를 모르는

<table> 
    <tr> 
     <td>Row 1 Cell A</td> 
     <td>Row 1 Cell B</td> 
     <td>Row 1 Cell C</td> 
    </tr> 
    <tr> 
     <td>Row 2 Cell A</td> 
     <td>Row 2 Cell B</td> 
     <td>Row 2 Cell C</td> 
    </tr> 
</table> 

. 보통 객체는 테이블 바로 위나 아래에 놓입니다.