ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 8  New Input Types ตอนที่ 2
6.Input Type: number
สร้างกล่องให้ใส่เลข บราวเซอร์ที่สนับสนุน google chome ,opera,safari

<html>
<body>

<form action="demo_form.asp">
  Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5">
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

7.Input Type: range
สร้างช่องใส่ตัวเลข โดยจำกำหนดค่า ตัวเลขตำสุดคือ min และค่าตัวเลขสูงสุดคือ max  บราวเซอร์ที่สนับสนุน google chome ,opera,safari

<html>
<body>

<form action="demo_form.asp" method="get">
Points: <input type="range" name="points" min="1" max="10">
<input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

8.Input Type: search
สร้างช่องค้นหา  บราวเซอร์ที่สนับสนุน google chome ,safari

<html>
<body>

<form action="demo_form.asp">
  Search Google: <input type="search" name="googlesearch"><br>
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

9.Input Type: tel
ใส่เบอร์โทร

<html>
<body>

<form action="demo_form.asp">
  Telephone: <input type="tel" name="usrtel"><br>
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

10.Input Type: time
สร้างช่องกรอกเวลา บราวเซอร์ที่สนับสนุน google chome ,opera,safari

<html>
<body>

<form action="demo_form.asp">
  Select a time: <input type="time" name="usr_time">
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

11.Input Type: url
สร้างช่องใส่ URL โดยจะเติม http:// ด้านหน้าเช่น http://www.mindphp.com  บราวเซอร์ที่สนับสนุน google chome ,opera,firefox

<html>
<body>

<form action="demo_form.asp">
  Add your homepage: <input type="url" name="homepage"><br>
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

12.Input Type: week
ปฏิทินสำหรับใส่ สัปดาห์ เช่น สัปดาห์ที่ของปี (2009-W16)  บราวเซอร์ที่สนับสนุน google chome ,opera,safari

<html>
<body>

<form action="demo_form.asp">
  Select a week: <input type="week" name="year_week">
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ


อ่านเพิ่มเติม
บทที่ 8 HTML5 New Input Types ตัวลือกใหม่สำหรับการปรับแต่งฟอร์มใน HTML5 ปรับแต่งฟอร์มได้หลากหลายมากขึ้น ตอนที่ 1

ข้อมูลอ้างอิง
http://www.w3schools.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Rujikon อ 22 พฤษภาคม 2018 10:37 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
4
อ 22 พฤษภาคม 2018 10:37 am โดย Rujikon
งานประจำวันที่ 22 พฤษภาคม 2561
โดย rangsan อ 22 พฤษภาคม 2018 9:47 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
อ 22 พฤษภาคม 2018 9:47 am โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Parichat อ 22 พฤษภาคม 2018 9:36 am บอร์ด M061 - ปาริชาติ รัตโณภาส
0
2
อ 22 พฤษภาคม 2018 9:36 am โดย Parichat
โน๊ตช่วยจำของ M061
โดย Parichat จ 21 พฤษภาคม 2018 11:50 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
1
1
จ 21 พฤษภาคม 2018 11:52 pm โดย Parichat
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Parichat จ 21 พฤษภาคม 2018 6:53 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
3
8
จ 21 พฤษภาคม 2018 11:57 pm โดย Parichat
Re - R ทำปิดบัญเขียนด้วย IDE Test เป็น webdriver
โดย rangsan จ 21 พฤษภาคม 2018 7:02 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
จ 21 พฤษภาคม 2018 7:02 pm โดย rangsan
แนะนำฟีดเจอการทำงานของระบบ OpenERP
โดย Rujikon จ 21 พฤษภาคม 2018 7:01 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
2
จ 21 พฤษภาคม 2018 7:01 pm โดย Rujikon
สอบถามสิทธิประกันสังคม บริการทางการแพทย์
โดย AePongsak จ 21 พฤษภาคม 2018 4:37 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
3
16
จ 21 พฤษภาคม 2018 6:14 pm โดย AePongsak
การติดตั้ง Selenium IDE บน FireFox เพือใช้ในการทำ Automate Test
โดย rangsan จ 21 พฤษภาคม 2018 4:27 pm บอร์ด Share Knowledge
0
9
จ 21 พฤษภาคม 2018 4:27 pm โดย rangsan
Q - ต้องการที่จะทำให้ Selenium นั้นคลิกปุ่มตามที่กำหนด
โดย rangsan จ 21 พฤษภาคม 2018 3:23 pm บอร์ด Selenium
3
9
จ 21 พฤษภาคม 2018 5:14 pm โดย rangsan
การสร้าง Field สำหรับ XML Form ในระบบ Joomla
โดย Parichat จ 21 พฤษภาคม 2018 2:52 pm บอร์ด Joomla Developing Knowledge
0
10
จ 21 พฤษภาคม 2018 2:52 pm โดย Parichat
B - MJUpgrade ค้างที่ขั้นตอน Upgrading
โดย tsukasaz จ 21 พฤษภาคม 2018 11:00 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
จ 21 พฤษภาคม 2018 5:59 pm โดย tsukasaz
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน Lead ได้
โดย watcharin จ 21 พฤษภาคม 2018 10:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
9
จ 21 พฤษภาคม 2018 10:43 am โดย mindphp
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Rujikon จ 21 พฤษภาคม 2018 9:56 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
16
จ 21 พฤษภาคม 2018 7:37 pm โดย Rujikon
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
6
จ 21 พฤษภาคม 2018 7:04 pm โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
3
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
5
ส 19 พฤษภาคม 2018 7:08 pm โดย rangsan