Page 1 of 1

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

Posted: 22/01/2020 3:13 pm
by benzas00123
ต้องการจะสร้าง bar แบบ เลื่อนได้ ที่มีค่าระหว่าง 1-100 ครับ เราจะต้องเขียนยังไง ขอบคุณครับ

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

Posted: 22/01/2020 3:20 pm
by benzas00123
รูปแบบประมาณแบบนี้ครับ
HTML CSS-1.png
HTML CSS-1.png (3.81 KiB) Viewed 560 times

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

Posted: 22/01/2020 3:21 pm
by thatsawan
การสร้าง bar คืออะไร ภาพประกอบหน่อย

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

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

Code: Select all

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

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

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

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

Posted: 22/01/2020 3:32 pm
by benzas00123
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/
ใช่แล้วครับ ขอบคุณครับ