ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามครับ ผมลง ubuntu 14.04 แล้วต่อเน็ตจากสาย LAN ไม่ได้
โดย tatiya จ 18 มี.ค. 2019 10:05 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
1
จ 18 มี.ค. 2019 10:11 pm โดย tatiya
เเจกสูตรไข่ม้วนชีส
โดย สริญญา สมสา จ 18 มี.ค. 2019 5:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
จ 18 มี.ค. 2019 5:34 pm โดย สริญญา สมสา
วิธีการทำทับทิมกรอบ
โดย สริญญา สมสา จ 18 มี.ค. 2019 5:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
2
จ 18 มี.ค. 2019 5:03 pm โดย สริญญา สมสา
คำนวณค่าเสื่อมราคายังไคะ
โดย kulanan2535 จ 18 มี.ค. 2019 4:49 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
5
จ 18 มี.ค. 2019 4:49 pm โดย kulanan2535
5 ร้านอาหารญี่ปุ่นเเละซูชิถูกเเละอร่อย
โดย สริญญา สมสา จ 18 มี.ค. 2019 4:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
3
จ 18 มี.ค. 2019 4:23 pm โดย สริญญา สมสา
list ความรู้ที่มีว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย napharat079 จ 18 มี.ค. 2019 3:37 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
12
จ 18 มี.ค. 2019 3:37 pm โดย napharat079
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย kulanan2535 จ 18 มี.ค. 2019 3:26 pm บอร์ด M078 - กุลนันทน์ อุ่นเรือน
0
14
จ 18 มี.ค. 2019 3:26 pm โดย kulanan2535
วัดถ้ำเขาหลวงสถานที่ท่องเที่ยวธรรมชาติที่ต้องไปสัมผัส
โดย napharat079 จ 18 มี.ค. 2019 3:03 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
7
จ 18 มี.ค. 2019 3:03 pm โดย napharat079
การเดินทางจากน่านไปกรุงเทพ
โดย kulanan2535 จ 18 มี.ค. 2019 3:00 pm บอร์ด M078 - กุลนันทน์ อุ่นเรือน
0
6
จ 18 มี.ค. 2019 3:00 pm โดย kulanan2535
การยื่นภาษี
โดย สริญญา สมสา จ 18 มี.ค. 2019 2:59 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
5
จ 18 มี.ค. 2019 2:59 pm โดย สริญญา สมสา
G Suite เริ่มมีการปรับราคาขึ้น อีกแล้ว
โดย icphp จ 18 มี.ค. 2019 2:15 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
4
จ 18 มี.ค. 2019 2:15 pm โดย icphp
กรมสรรพากร คืออะไร
โดย สริญญา สมสา จ 18 มี.ค. 2019 12:16 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
3
จ 18 มี.ค. 2019 12:16 pm โดย สริญญา สมสา
งานประจำวันที่ 18 มีนาคม 2562
โดย kulanan2535 จ 18 มี.ค. 2019 11:26 am บอร์ด M078 - กุลนันทน์ อุ่นเรือน
2
18
จ 18 มี.ค. 2019 7:02 pm โดย kulanan2535
งานประจำวันที่ 18 มีนาคม 2562
โดย napharat079 จ 18 มี.ค. 2019 11:26 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
2
7
จ 18 มี.ค. 2019 7:21 pm โดย napharat079
Skype for Business และ Microsoft Teams
โดย Atomseed Suckseed จ 18 มี.ค. 2019 11:24 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
4
จ 18 มี.ค. 2019 11:24 am โดย Atomseed Suckseed
ไปญี่ปุ่นต้องกินอะไร
โดย สริญญา สมสา จ 18 มี.ค. 2019 11:12 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
จ 18 มี.ค. 2019 11:12 am โดย สริญญา สมสา
อยากทราบวิธีการ เขียน SQL เพื่อ Update ข้อมูล ตอนที่ติดตั้ง Extension ใน phpbb
โดย Ittichai_chupol จ 18 มี.ค. 2019 10:25 am บอร์ด Programming - PHP
2
11
จ 18 มี.ค. 2019 4:04 pm โดย Ittichai_chupol
งานประจำวันที่ 18 มีนาคม 2562
โดย Four จ 18 มี.ค. 2019 10:17 am บอร์ด M077 - อิษยา งามสอาด
1
6
จ 18 มี.ค. 2019 7:42 pm โดย Four
งานประจำวันที่ 18 มีนาคม 2562
โดย สริญญา สมสา จ 18 มี.ค. 2019 9:35 am บอร์ด MT32 - นางสาวสริญญา สมสา
1
5
จ 18 มี.ค. 2019 5:09 pm โดย สริญญา สมสา
หากไม่ได้ไปใช้สิทธิเลือกตั้งสมาชิกสภาผู้แทนราษฎร จะมีผลอย่างไร และควรทำอย่างไร
โดย saibennn9 อ 17 มี.ค. 2019 10:05 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
29
จ 18 มี.ค. 2019 9:15 am โดย Yoon007