Shortcode in wordpress custom plugin part 9

WordPress shortcodes introduced in its early version 2.5 before about six years ago and since that time, shortcodes are used to increase the functionalities. We can create shortcodes by using this method:

function shortcode_fun(){
   return 'this is custom shortcode';
}

add_shortcode('sc', 'shortcode_fun');


// Shortcode with attributes

function shortcode_fun($atts){ 
  $ar = shortcode_atts([
      'abc' => 400,
      'pqr' => 'xyz'
     ], $atts
  );
  return 'this is custom shortcode'.$ar['abc']; 
}

add_shortcode('sc', 'shortcode_fun');

// frontend side

[sc abc='600' pqr='efg']

function shortcode_fun(){

?>

<div class="container">
<form action="/action_page.php">
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox"> Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>

<?php

}

add_shortcode('sc', 'shortcode_fun');

inside in php file

<?php echo do_shortcode("[sc]"); ?>

inside wordpress page editor

[sc]