從函數驅動的html中製作格式正確的源代碼

Question

我有一種方法用於從屬性數組中生成用戶表單。

該函數適用於我需要的功能，但是在查看源代碼時，它是一個連續的行，而不是更具可讀性的縮進格式。

這裏是產生源代碼：

<form><input name=songName type=text placeholder=Title </input><input name=songArtist type=text placeholder=Artist </input><input name=songGenre type=text placeholder=Genre </input><input name=year type=number placeholder=Year </input></form> 

這裏是想什麼我它是：

<form> 
    <input name=songName type=text placeholder=Title </input> 
    <input name=songArtist type=text placeholder=Artist </input> 
    <input name=songGenre type=text placeholder=Genre </input> 
    <input name=year type=number placeholder=Year </input> 
</form> 

這是生成HTML最終功能：

public function formGenerate($formElements) 
{ 
    echo "<form>"; 

    foreach($formElements as $name=>$properties)    
    { 
     echo "<input "."name=".$name." "; 

     $propertiesArray = explode('|',$properties); 

     foreach($propertiesArray as $property)    
     { 
      $split   = $this->splitPropertyAndValue($property); 
      $propertyName = $split['property']; 
      $propertyValue = $split['value']; 

      echo $propertyName.'='.$propertyValue." "; 
     } 
     echo "</input>"; 
    } 
    echo "</form>"; 
} 

下面是一個爲$ formElements傳遞的數組的示例：

$formElements = array 
(
    'songName'  => 'type:text|placeholder:Title', 
    'songArtist' => 'type:text|placeholder:Artist', 
    'songGenre'  => 'type:text|placeholder:Genre', 
    'year'   => 'type:number|placeholder:Year' 
); 

Answer 1

你只需要添加相應的縮進和換行符在你的代碼是這樣的：在您的迴音statments

public function formGenerate($formElements) 
{ 
    echo "<form>\n"; // adding the \n for form 

    foreach($formElements as $name=>$properties)    
    { 
     echo " <input "."name=".$name." "; 

     $propertiesArray = explode('|',$properties); 

     foreach($propertiesArray as $property)    
     { 
      $split   = $this->splitPropertyAndValue($property); 
      $propertyName = $split['property']; 
      $propertyValue = $split['value']; 

      echo $propertyName.'='.$propertyValue." "; 
     } 
     echo ">\n"; // self closing tag! 
    } 
    echo "</form>"; 
} 

Answer 2

利用\t和\n ...玩弄它，你會得到你需要的東西:)