Template นี้จะเป็นฟอร์มสำหรับการเพิ่มข่าวสาร โดยมีฟิลด์ให้กรอกข้อมูลคือ หัวข้อข่าว รายละเอียดข่าว และไฟล์ประกอบข่าว โดยจะเอา Bootstrap มาตกแต่งฟอร์มให้ดูเป็นระเบียบ และตัว CKEditor สำหรับใส่รายละเอียดข่าวที่สามารถจัดรูปแบบตัวอักษรได้เหมือน Microsoft Word เลยนะครับ ลองใช้ดูนะ devbanban.com
Code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ADD ARTICLE devbanban.com</title> <!--bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- ckeditor--> <script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <br><br><br> <form action="http://devbanban.com/" method="POST" enctype="multipart/form-data" name="addform" class="form-horizontal" id="addform"> <div class="form-group"> <div class="col-sm-2"></div> <div class="col-sm-8"> <b> เพิ่มข่าว : devbanban.com</b> </div> </div> <div class="form-group"> <div class="col-sm-2" align="right"> หัวข้อข่าว : </div> <div class="col-sm-8" align="left"> <input name="title" id="title" type="text" required class="form-control" placeholder="หัวข้อข่าว"/> </div> </div> <div class="form-group"> <div class="col-sm-2" align="right">รายละเอียด</div> <div class="col-sm-8" align="left"> <textarea name="txtMessage" id="txtMessage" class="ckeditor" cols="69" rows="5"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-2" align="right">ไฟล์ประกอบ</div> <div class="col-sm-7" align="left"> <input type="file" name="img" id="img" required> </div> </div> <div class="form-group"> <div class="col-sm-2"> </div> <div class="col-sm-6"> <button type="submit" class="btn btn-primary" id="btn"> บันทึก </button> </div> </div> </form> </div> </div> </div> </body> |
ผลการทำงาน
ดาวน์โหลด ckeditor
ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ รายละเอียดเพิ่มเติมใต้คลิป
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1fanpage : https://www.facebook.com/sornwebsites/