Input Text

ชื่อเดิม: Forms

การจัดการกับข้อมูล บนองค์ประกอบหน้าเว็บ เช่น การกรอกข้อมูล, การเลือกข้อมูลที่มีอยู่เเล้ว

การกรอกแบบฟอร์ม

ดึงหรือกรอกค่าขององค์ประกอบในแบบฟอร์ม (เช่น Text filed, select, Checkbox, Radio)

ดึงค่าจากแบบฟอร์ม เมื่อเลือกตัวเลือกนี้ คุณสามารถใช้ค่าจากแบบฟอร์มได้

กำหนดให้ตัวแปร สามารถกำหนดค่าให้กับตัวแปรได้

ชื่อตัวแปร ชื่อของตัวแปรเพื่อกำหนดค่า

แทรกลงในตาราง สามารถแทรกค่าลงในตารางได้ - เลือกคอลัมน์: คอลัมน์ที่ค่าจะถูกแทรกลงไป


ประเภทของแบบฟอร์ม

Text field

ค่าที่จะกรอกลงในองค์ประกอบข้อความ เช่น <text> และ <variable> ในกรณีที่คุณต้องการให้โหนดนี้กรอกข้อมูลสามารถเลือกได้ 2 แบบ โดยคุณสามารถกรอกข้อความลงไปด้วยตัวเอง และวิธีการที่ให้โหนดเลือกกรอกข้อความที่อยู่ในตัวแปรนั้น ๆ

ใส่ข้อความเอง
ให้โหนดกรอกข้อความที่อยู่ในตัวแปรชื่อนั้นๆ

ลบค่าที่มีอยู่ก่อนที่จะกรอก (Clear form value) ลบค่าขององค์ประกอบฟิลด์ข้อความก่อนที่จะกรอกค่าที่ใหม่

การหน่วงเวลา เพิ่มการหน่วงเวลาเมื่อกรอกค่าทีละตัวอักษร หากตั้งค่าให้เป็น 0 ค่าจะถูกกรอกพร้อมกันทั้งหมด กรณีที่คุณตั้งค่าการหน่วงเวลาไว้ที่ 0 ลักษณะในการวางข้อความจะเป็นลักษณะคล้ายกับการ Copy ข้อความและ Paste ข้อความ


Select

เลือกตามค่า คุณสามารถเลือกตัวเลือกตามค่า ดังนี้:

  • ค่า: ค่าในองค์ประกอบ<select>เพื่อเลือกตัวเลือกเฉพาะสำหรับองค์ประกอบที่เลือก คุณสามารถป้อนค่าของตัวเลือกที่ต้องการเลือก คุณสามารถหาค่าตัวเลือกได้โดยใช้เครื่องมือ Developer Tools ของ Chromeเพื่อนำค่าจากคุณสมบัติ value

  • ดึงค่าของ valueจากฟอร์มใดๆ

  • ตัวเลือกแรก: เลือกค่าตัวเลือกแรกในรายการ

  • ตัวเลือกสุดท้าย: เลือกค่าตัวเลือกสุดท้ายในรายการ

  • ตัวเลือกตามลำดับที่กำหนดเอง: เลือกลำดับค่าตามที่ต้องการในรายการ


Checkbox

เลือก/ยกเลิกการเลือก สามารถเลือกหรือยกเลิกการเลือกได้ตามที่ต้องการ


Radio

เลือก/ยกเลิกการเลือก สามารถเลือกหรือยกเลิกการเลือกได้ตามที่ต้องการ


คลิปสอนการใช้งานบล็อค Input Text


Last updated

Was this helpful?