ฉันต้องการปิดใช้งานช่องป้อนข้อมูล แต่เมื่อฉันส่งแบบฟอร์มก็ยังควรส่งค่า
กรณีการใช้งาน: ฉันกำลังพยายามหาละติจูดและลองจิจูดจาก Google Maps และต้องการแสดง แต่ฉันไม่ต้องการให้ผู้ใช้แก้ไข
เป็นไปได้หรือไม่
ฉันต้องการปิดใช้งานช่องป้อนข้อมูล แต่เมื่อฉันส่งแบบฟอร์มก็ยังควรส่งค่า
กรณีการใช้งาน: ฉันกำลังพยายามหาละติจูดและลองจิจูดจาก Google Maps และต้องการแสดง แต่ฉันไม่ต้องการให้ผู้ใช้แก้ไข
เป็นไปได้หรือไม่
คำตอบ:
ฉันต้องการที่จะปิดการใช้งานฟิลด์ป้อนข้อมูลในแบบฟอร์มและเมื่อฉันส่งแบบฟอร์มค่าจากรูปแบบที่คนพิการไม่ได้ส่ง
การใช้งาน: ฉันพยายามที่จะได้รับเขต Lng จาก Google แผนที่และต้องการที่จะแสดงมัน .. แต่ไม่ต้องการให้ผู้ใช้แก้ไขมัน
คุณสามารถใช้readonlyคุณสมบัติในช่องป้อนข้อมูลของคุณ
<input type="text" readonly="readonly" />
input:read-only { color:grey; }
ฉันรู้ว่านี่เก่า แต่ฉันเพิ่งเจอปัญหานี้และไม่มีคำตอบใดที่เหมาะสม วิธีแก้ปัญหาของ nickf ใช้งานได้ แต่ต้องใช้จาวาสคริปต์ วิธีที่ดีที่สุดคือปิดการใช้งานฟิลด์และยังคงส่งผ่านค่าคือการใช้ฟิลด์อินพุตที่ซ่อนอยู่เพื่อส่งผ่านค่าไปยังฟอร์ม ตัวอย่างเช่น,
<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />
ด้วยวิธีนี้ค่าจะถูกส่งผ่านไป แต่ผู้ใช้จะเห็นฟิลด์ออกเป็นสีเทา แอตทริบิวต์แบบอ่านอย่างเดียวจะไม่เป็นสีเทา
valueสิ่งที่จำเป็นในการป้อนข้อมูลคนพิการ?
คุณยังสามารถใช้แอตทริบิวต์แบบอ่านอย่างเดียว: อินพุตจะไม่เป็นสีเทา แต่จะไม่สามารถแก้ไขได้
<input type="text" name="lat" value="22.2222" readonly="readonly" />
disabledองค์ประกอบการป้อนข้อมูลมีคุณสมบัติที่เรียกว่า เมื่อส่งแบบฟอร์มให้เรียกใช้โค้ดดังนี้:
var myInput = document.getElementById('myInput');
myInput.disabled = true;