<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <hr style="width:50%"> <!-- mesaj title başlangıç --> <div class="form-group"> <label for="oyak_title" style="margin-top: 15px">mesaj_title</label> <input type="text" class="form-control input-lg" id="mesaj_title" value="Bildirim" placeholder="Haber başlığı" name="obp_title"> </div> <!-- mesaj title bitiş --> <!-- mesaj textarea başlangıç --> <div class="form-group"> <label for="comment">Mesaj Text:</label> <textarea class="form-control" rows="10" style="resize:none" id="mesaj_text"></textarea> </div> <!-- mesaj textarea bitiş --> <!-- datetimepicker mask başlangıç --> <div class="form-group"> <label for="dtpickerdemo" class="col-sm-4 control-label" style="text-align: left;">Tarih/Saat </label> <div class='col-sm-12 input-group date' id='dtpickerdemo'> <input name="date" class="form-control input-lg" type="text" id="obp_tarih" placeholder="gg.aa.yyyy ss:dd:sn"> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div> </div> <script> $(document).ready(function () { $('#obp_tarih').mask('00.00.0000 00:00:00'); }); </script> <!-- mesaj textarea bitiş --> <!-- obp haber id başlangıç --> <div class="form-group"> <label for="oyak_title" style="margin-top: 15px">obp haber id</label> <input type="text" class="form-control input-lg" id="mesaj_haber_id" value="123456" placeholder="-1252ae6e554" name="obp_title"> </div> <!-- mesaj title bitiş --> <!-- mesaj title başlangıç --> <div class="form-group"> <label for="oyak_title" style="margin-top: 15px">Elle girilen web adresi</label> <input type="text" class="form-control input-lg" id="mesaj_title" value="https://oyakbilgi.blogspot.com/p/oyak.html" placeholder="Web adresi" name="obp_title"> </div> <!-- mesaj title bitiş --> <button id="getirButton" style="padding: 10px;font-size: 15px" class="btn btn-danger btn-lg"> Editördeki Metni Al </button> <h3>Alınan Ham HTML İçerik:</h3> <div class="well" style="color:#811313" id="sonuc" >.</div> <center><button id="dugme" style="margin:0 0 22px 0;border: 1px solid #2C009F; background-color: #2C009F;padding: 15px;font-size: 20px;width: 200px" class="btn btn-danger btn-lg"> Kaydet </button></center> <div class="well well-sm mt-15 strait-16" style="background-color:black;color:#fff;border-radius: 7px"> <center><strong id="kayitSayisi">61 Adet kayıt var</strong></center> </div> <!-- ara başlangıç --> <!-- Arama Alanı --> <div class="form-group"> <div class="row"> <div class="col-xs-12"> <label for="searchInput" class="control-label">Ara</label> </div> <div class="col-xs-10"> <input type="text" class="form-control input-lg" id="searchInput" placeholder="Aranacak kelimeyi girin"> </div> <div class="col-xs-2"> <button class="btn btn-custom-green btn-lg btn-block" id="searchButton"> <span class="glyphicon glyphicon-search"></span> <span id="buttonText">ARA</span> </button> </div> </div> </div> <!-- Arama Alanı Bitiş --> </div>