ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

benzas00123
PHP Super Member
PHP Super Member
Posts: 244
Joined: 06/01/2020 9:58 am

ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by benzas00123 » 22/01/2020 3:13 pm

ต้องการจะสร้าง bar แบบ เลื่อนได้ ที่มีค่าระหว่าง 1-100 ครับ เราจะต้องเขียนยังไง ขอบคุณครับ

benzas00123
PHP Super Member
PHP Super Member
Posts: 244
Joined: 06/01/2020 9:58 am

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by benzas00123 » 22/01/2020 3:20 pm

รูปแบบประมาณแบบนี้ครับ
HTML CSS-1.png
HTML CSS-1.png (3.81 KiB) Viewed 552 times

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 22719
Joined: 31/03/2014 10:02 am
Contact:

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by thatsawan » 22/01/2020 3:21 pm

การสร้าง bar คืออะไร ภาพประกอบหน่อย

User avatar
chatee supasand
PHP VIP Members
PHP VIP Members
Posts: 1663
Joined: 04/06/2019 10:06 am

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by chatee supasand » 22/01/2020 3:28 pm

แบบนี้รึเปล่าครับ

Code: Select all

<form class="range-field">
  <input type="range" min="0" max="100" />
</form>
อ้างอิง
https://mdbootstrap.com/docs/jquery/forms/slider/
Image

benzas00123
PHP Super Member
PHP Super Member
Posts: 244
Joined: 06/01/2020 9:58 am

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by benzas00123 » 22/01/2020 3:31 pm

thatsawan wrote:
22/01/2020 3:21 pm
การสร้าง bar คืออะไร ภาพประกอบหน่อย
ผมต้องการสร้าง bar ประมาณนี้ครับโดย เราสามารถเลื่อนตัวเลื่อนได้เพื่อที่จะเก็บค่าครับ โดยจะเป็นค่าตั้งแต่ 1 - 100
HTML CSS-1.png
HTML CSS-1.png (2.33 KiB) Viewed 548 times

benzas00123
PHP Super Member
PHP Super Member
Posts: 244
Joined: 06/01/2020 9:58 am

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Post by benzas00123 » 22/01/2020 3:32 pm

chatee supasand wrote:
22/01/2020 3:28 pm
แบบนี้รึเปล่าครับ

Code: Select all

<form class="range-field">
  <input type="range" min="0" max="100" />
</form>
อ้างอิง
https://mdbootstrap.com/docs/jquery/forms/slider/
ใช่แล้วครับ ขอบคุณครับ

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 33 guests