Web Design Leaves

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return ''; // PHP 8.1.x 対策（null を渡すと Deprecated エラー）
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
$email = filter_input( INPUT_POST, 'email', FILTER_VALIDATE_EMAIL );
?>
<div class="container">
  <form name="myForm" method="post">
    <div>
      <label for="email">Email</label>
      <input type="email" id="email" name="email" placeholder="Email アドレス" value="<?php echo h($email); ?>" size="30">
    </div>
    <button name="send" type="submit">送信</button>
  </form>
  <div class="result">var_dump :
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $email );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
$options = array('options' => array('min_range' => 1, 'max_range' => 100));
$number = filter_input( INPUT_POST, 'number', FILTER_VALIDATE_INT, $options);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <label for="number">Number</label>
    <input type="text" id="number" name="number" placeholder="数値（1〜100）" value="<?php echo h($number); ?>" size="30">
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump :
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $number );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
//オプションで数値範囲（1〜100）とデフォルト値（50）を指定
$options = array('options' =>
                 array(
                   'min_range' => 0,
                   'max_range' => 100,
                   'default' => 50
                 ));
//第4パラメータに上記で定義したオプション（$options）を指定
$number = filter_input( INPUT_POST, 'number', FILTER_VALIDATE_INT, $options);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <label for="number">Number</label>
    <input type="text" id="number" name="number" placeholder="数値（1〜100）" value="<?php echo h($number); ?>" size="30">
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump :
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $number );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
//オプションで数値範囲（1〜100）とフラグ（FILTER_NULL_ON_FAILURE）を指定
$options = array('options' =>
                 array(
                   'min_range' => 0,
                   'max_range' => 100
                 ),
                'flags' => FILTER_NULL_ON_FAILURE);
//第4パラメータに上記で定義した $options （options と flags）を指定
$number = filter_input( INPUT_POST, 'number', FILTER_VALIDATE_INT, $options);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <label for="number">Number</label>
    <input type="text" id="number" name="number" placeholder="数値（1〜100）" value="<?php echo h($number); ?>" size="30">
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump :
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $number );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}

//コールバック関数の定義
function trim_value($value){
  return trim($value);
}
//オプションにコールバック関数（trim_value）を指定
$options = array('options' => 'trim_value');

//第4パラメータに上記で定義した $options （コールバック関数）を指定
$val = filter_input( INPUT_POST, 'val', FILTER_CALLBACK, $options);
//または、まとめて以下のように記述しても同じ
//$val = filter_input( INPUT_POST, 'val', FILTER_CALLBACK, ['options' => 'trim_value']);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <label for="val">Name</label>
    <input type="text" id="val" name="val" value="<?php echo h($val); ?>" size="30">
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump( $val );
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $val );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}

//コールバック関数の定義
function valid_tel($tel){
  //電話番号の形式（半角数字とハイフン、ドット、スペース区切り）に合致しない場合は false を返す
  $tel = trim($tel);
  if ( preg_match( '/\A\(?\d{2,5}\)?[-(\.\s]{0,2}\d{1,4}[-)\.\s]{0,2}\d{3,4}\z/u', $tel ) ){
    //正しい形式の場合はその値を返す
    return $tel;
  }else{
    return false;
  }
}
//オプションにコールバック関数（valid_tel）を指定
$options = array('options' => 'valid_tel');

//第4パラメータに上記で定義した $options （コールバック関数）を指定
$tel = filter_input( INPUT_POST, 'tel', FILTER_CALLBACK, $options);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <label for="tel">Telephone</label>
    <input type="tel" id="tel" name="tel" placeholder="電話番号（半角数字）" value="<?php echo h($tel); ?>" size="30">
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump( $tel );
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $tel );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
//第4パラメータに FILTER_REQUIRE_ARRAY を指定
$hobby = filter_input( INPUT_POST, 'hobby', FILTER_DEFAULT, FILTER_REQUIRE_ARRAY);
?>
<div class="container">
<form name="myForm" method="post">
  <div>
    <input type="checkbox" name="hobby[]" id="sports" value="Sports">
    <label for="sports"> スポーツ</label>
    <input type="checkbox" name="hobby[]" id="music" value="Music">
    <label for="music"> 音楽</label>
    <input type="checkbox" name="hobby[]" id="book" value="Book">
    <label for="book"> 読書 </label>
  </div>
  <button name="send" type="submit">送信</button>
</form>
  <div class="result">var_dump( $hobby );
    <?php
    echo '<pre>';
    ob_start();
    var_dump( $hobby );
    $output = ob_get_contents();
    ob_end_clean();
    echo h( $output ); //エスケープ処理して出力
    echo '</pre>';
    ?>
  </div>
  <div class="result">"key: " .$key. " val: ".$val;
    <?php
    echo '<pre>';
    //送信された $hobby に要素があれば、各要素のキーと値を出力
    if (!empty($hobby)) {
      foreach($hobby as $key => $val){
        echo "key: ".h($key)."  val: ".h($val)."<br>";
      }
    }
    echo '</pre>';
    ?>
  </div>
</div>

<?php
//エスケープ処理を行う関数
function h( $var ) {
  if ( is_array( $var ) ) {
    return array_map( 'h', $var );
  } else {
    if($var === null) return '';
    return htmlspecialchars( $var, ENT_QUOTES, 'UTF-8' );
  }
}
//第4パラメータに FILTER_REQUIRE_ARRAY を指定
$hobby = filter_input( INPUT_POST, 'hobby', FILTER_DEFAULT, FILTER_REQUIRE_ARRAY);
?>

<form name="myForm" method="post">
  <div>
    <?php
    $checkbox = array(
      array('sports', 'Sports', ' スポーツ'),
      array('music', 'Music', ' 音楽'),
      array('book', 'Book', ' 読書')
    );
    foreach ($checkbox as list($id, $value, $label)) {
      $checked = '';
      if($hobby) {
        $checked = array_search($value, $hobby) !== false ? 'checked' : '';
      }
      echo '<input type="checkbox" name="hobby[]" id="' .$id .'" value="' .$value . '" '.  $checked .  ' >' ."\n" ;
      echo '<label for="' . $id . '">' . $label . '</label>' ."\n";
    }
    ?>
  </div>
  <button name="send" type="submit">送信</button>
</form>
<div class="result">var_dump( $hobby );
  <?php
  echo '<pre>';
  ob_start();
  var_dump( $hobby );
  $output = ob_get_contents();
  ob_end_clean();
  echo h( $output ); //エスケープ処理して出力
  echo '</pre>';
  ?>
</div>
<div class="result">"key: " .$key. " val: ".$val;
  <?php
  echo '<pre>';
  //送信された $hobby に要素があれば、各要素のキーと値を出力
  if (!empty($hobby)) {
    foreach($hobby as $key => $val){
      echo "key: ".h($key)."  val: ".h($val)."<br>";
    }
  }
  echo '</pre>';
  ?>
</div>