คำถามติดแท็ก html-input

องค์ประกอบอินพุตแสดงถึงฟิลด์ข้อมูลที่พิมพ์โดยปกติจะมีตัวควบคุมฟอร์มเพื่ออนุญาตให้ผู้ใช้แก้ไขข้อมูล

30
เปลี่ยนสีตัวยึดตำแหน่งของอินพุต HTML5 ด้วย CSS
Chrome รองรับแอตทริบิวต์ตัวยึดตำแหน่งในinput[type=text]องค์ประกอบ (ส่วนอื่นอาจทำเช่นกัน) แต่สิ่งต่อไปนี้CSSไม่ได้ทำอะไรกับมูลค่าของตัวแทน: input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล Valueจะยังคงอยู่แทนgreyred มีวิธีในการเปลี่ยนสีของข้อความตัวยึดตำแหน่งหรือไม่


15
<button> เทียบกับ <input type =“ button” /> จะใช้อะไร
เมื่อดูไซต์ส่วนใหญ่ (รวมถึง SO) ส่วนใหญ่จะใช้: &lt;input type="button" /&gt; แทน: &lt;button&gt;&lt;/button&gt; อะไรคือความแตกต่างที่สำคัญระหว่างสองถ้ามี? มีเหตุผลที่ถูกต้องหรือไม่ที่จะใช้อันใดอันหนึ่งแทนอีกอัน? มีเหตุผลที่ถูกต้องในการใช้การรวมเข้าด้วยกันหรือไม่ การใช้&lt;button&gt;มาพร้อมกับปัญหาความเข้ากันได้หรือไม่เพราะมันไม่ได้ใช้กันอย่างแพร่หลาย?

20
วิธีที่ดีที่สุดในการลบตัวจัดการเหตุการณ์ใน jQuery?
input type="image"ฉันมี สิ่งนี้ทำหน้าที่เหมือนกับบันทึกย่อของเซลล์ใน Microsoft Excel ถ้ามีคนเข้ามาตัวเลขลงในกล่องข้อความที่ว่านี้อยู่คู่กับการติดตั้งผมดำเนินกิจกรรมสำหรับinput-image input-imageจากนั้นเมื่อผู้ใช้คลิกที่imageพวกเขาจะได้รับป๊อปอัพเล็กน้อยเพื่อเพิ่มบันทึกลงในข้อมูล ปัญหาของฉันคือเมื่อผู้ใช้ป้อนค่าศูนย์ลงในกล่องข้อความฉันต้องปิดการใช้งานinput-imageตัวจัดการเหตุการณ์ ฉันได้ลองสิ่งต่อไปนี้แล้ว แต่ก็ไม่มีประโยชน์ $('#myimage').click(function { return false; });
1053 jquery  html-input 

14
ฉันจะรับค่าฟิลด์ป้อนข้อความโดยใช้ JavaScript ได้อย่างไร
ฉันทำงานกับการค้นหาด้วย JavaScript ฉันจะใช้แบบฟอร์ม แต่มันทำให้อย่างอื่นในหน้าของฉัน ฉันมีช่องป้อนข้อความนี้: &lt;input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/&gt; และนี่คือรหัส JavaScript ของฉัน: &lt;script type="text/javascript"&gt; function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } &lt;/script&gt; ฉันจะรับค่าจากฟิลด์ข้อความใน JavaScript ได้อย่างไร

30
ปิดใช้งานซูมอัตโนมัติในแท็ก“ ข้อความ” อินพุต - Safari บน iPhone
ฉันทำเพจ HTML ที่มีแท็ก&lt;input&gt; type="text"เมื่อฉันคลิกโดยใช้ Safari บน iPhone หน้าจะใหญ่ขึ้น (ซูมอัตโนมัติ) ไม่มีใครรู้วิธีปิดการใช้งานนี้หรือไม่

8
ค่าที่เหมาะสมสำหรับแอตทริบิวต์ที่ถูกตรวจสอบของ HTML คืออะไร
เราทุกคนรู้วิธีการกรอกแบบช่องทำเครื่องหมายใน HTML: &lt;input name="checkbox_name" id="checkbox_id" type="checkbox"&gt; สิ่งที่ฉันไม่รู้ - อะไรคือค่าที่ถูกต้องทางเทคนิคสำหรับช่องทำเครื่องหมายที่เลือก? ฉันเห็นสิ่งเหล่านี้ทำงานทั้งหมด: &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true"&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คำตอบนั้นไม่สำคัญหรือไม่? ผมเห็นหลักฐานสำหรับคำตอบที่ถูกต้องทำเครื่องหมายว่าไม่มีนี่จากข้อมูลจำเพาะของตัวเอง: ช่องทำเครื่องหมาย (และปุ่มตัวเลือก) เป็นสวิตช์เปิด / ปิดที่ผู้ใช้สามารถสลับได้ สวิตช์เป็น "เปิด" เมื่อมีการตั้งค่าแอตทริบิวต์ที่ตรวจสอบขององค์ประกอบการควบคุม เมื่อมีการส่งแบบฟอร์มการควบคุมช่องทำเครื่องหมาย "กับ" เท่านั้นที่จะประสบความสำเร็จ ช่องทำเครื่องหมายหลายแห่งในแบบฟอร์มอาจใช้ชื่อตัวควบคุมเดียวกัน …


9
ฉันจะทำให้การป้อนข้อความไม่สามารถแก้ไขได้อย่างไร
ดังนั้นฉันมีการป้อนข้อความ &lt;input type="text" value="3" class="field left"&gt; นี่คือ CSS ของฉันสำหรับมัน background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; มีการตั้งค่าหรือเคล็ดลับเกี่ยวกับเรื่องนี้หรือไม่ฉันกำลังคิดที่จะทำป้ายกำกับแทน ฉันจะแปลงพวกเขาและมีวิธีที่ดีกว่าหรือเป็นวิธีเดียวได้อย่างไร
344 html  css  html-input 


29
เปลี่ยนชนิดของฟิลด์อินพุตด้วย jQuery
$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); นี่ควรจะเปลี่ยน#passwordฟิลด์อินพุต (ด้วยid="password") ที่เป็นของtype passwordฟิลด์ข้อความปกติแล้วกรอกข้อความ“ รหัสผ่าน” มันไม่ทำงานแม้ว่า ทำไม? นี่คือแบบฟอร์ม: &lt;form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"&gt; &lt;ol&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="password" name="password" id="password" value="" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li class="button"&gt; …

14
โทรศัพท์: แป้นพิมพ์ตัวเลขสำหรับการป้อนข้อความ
มีวิธีบังคับให้แป้นพิมพ์ตัวเลขปรากฏขึ้นบนโทรศัพท์&lt;input type="text"&gt;หรือไม่? ฉันเพิ่งรู้ว่า&lt;input type="number"&gt;ใน HTML5 นั้นใช้สำหรับ "หมายเลขจุดลอยตัว" ดังนั้นจึงไม่เหมาะสำหรับหมายเลขบัตรเครดิตรหัสไปรษณีย์ ฯลฯ ฉันต้องการเลียนแบบการทำงานของแป้นพิมพ์ตัวเลข&lt;input type="number"&gt;สำหรับอินพุตที่รับค่าตัวเลขอื่นที่ไม่ใช่ตัวเลขทศนิยม มีบางทีอีกinputประเภทที่เหมาะสมที่ทำเช่นนั้น?

13
ฉันจะหยุด Chrome จากการใส่กล่องสีเหลืองของเว็บไซต์ได้อย่างไร
ท่ามกลางข้อความและภาพอื่น ๆ ที่เป็นโรคเอดส์ในการส่งแบบฟอร์มการตรวจสอบภายหลังฉันกำลังระบายสีกล่องอินพุตของฉันเป็นสีแดงเพื่อบ่งบอกถึงพื้นที่โต้ตอบที่ต้องการความสนใจ บน Chrome (และสำหรับผู้ใช้แถบเครื่องมือ Google) คุณสมบัติเติมอัตโนมัติจะเปลี่ยนสีรูปแบบการป้อนของฉันเป็นสีเหลือง นี่คือปัญหาที่ซับซ้อน: ฉันต้องการให้สมบูรณ์แบบอัตโนมัติอนุญาตในแบบฟอร์มของฉันมันความเร็วผู้ใช้เข้าสู่ระบบฉันจะตรวจสอบความสามารถในการเปิดคุณลักษณะการเติมข้อความอัตโนมัติให้ปิดถ้า / เมื่อมีข้อผิดพลาดทริกเกอร์ แต่มันซับซ้อน บิตของการเข้ารหัสเพื่อปิดโดยอัตโนมัติทางโปรแกรมสำหรับการป้อนข้อมูลที่ได้รับผลกระทบเดียวในหน้า นี่มันง่ายมากที่จะปวดหัว ดังนั้นเพื่อพยายามหลีกเลี่ยงปัญหานั้นมีวิธีใดที่ง่ายกว่าในการหยุด Chrome จากการเปลี่ยนสีกล่องอินพุตอีกครั้งหรือไม่ [แก้ไข] ฉันลองใช้! ข้อเสนอแนะที่สำคัญด้านล่างและไม่มีผลใด ๆ ฉันยังไม่ได้ตรวจสอบ Google Toolbar เพื่อดูว่าคุณลักษณะ! สำคัญจะใช้งานได้หรือไม่ เท่าที่ฉันสามารถบอกได้ไม่มีวิธีอื่นใดนอกเหนือจากการใช้แอตทริบิวต์การเติมข้อความอัตโนมัติ (ซึ่งดูเหมือนจะใช้งานได้)

7
รับข้อมูลจากการป้อนไฟล์ใน JQuery
ฉันมีอินพุตไฟล์จริงๆและฉันต้องการดึงข้อมูล Base64 ของไฟล์ ฉันเหนื่อย: $('input#myInput')[0].files[0] เพื่อดึงข้อมูล แต่จะให้เฉพาะชื่อความยาวประเภทเนื้อหา แต่ไม่ระบุข้อมูล ฉันต้องการข้อมูลเหล่านี้เพื่อส่งไปยัง Amazon S3 ฉันทดสอบ API แล้วและเมื่อฉันส่งข้อมูลผ่านรูปแบบ html ที่มีการเข้ารหัสประเภท "multipart / form-data" ก็ใช้ได้ ฉันใช้ปลั๊กอินนี้: http://jasny.github.com/bootstrap/javascript.html#fileupload และปลั๊กอินนี้ให้ฉันดูตัวอย่างรูปภาพและฉันดึงข้อมูลในแอตทริบิวต์ src ของการแสดงตัวอย่างรูปภาพ แต่เมื่อฉันส่งข้อมูลเหล่านี้ไปยัง S3 มันไม่ทำงาน ฉันอาจต้องเข้ารหัสข้อมูลเช่น "multipart / form-data" แต่ฉันไม่รู้ว่าทำไม มีวิธีดึงข้อมูลเหล่านี้โดยไม่ใช้แบบฟอร์ม html หรือไม่?

7
ใช้ท่อภายใน ngModel กับองค์ประกอบ INPUT ในเชิงมุม
ฉันมีช่องป้อน HTML &lt;input [(ngModel)]="item.value" name="inputField" type="text" /&gt; และฉันต้องการจัดรูปแบบค่าและใช้ไพพ์ที่มีอยู่: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... และได้รับข้อความแสดงข้อผิดพลาด: ไม่สามารถมีไพพ์ในนิพจน์การดำเนินการ ฉันจะใช้ไพพ์ในบริบทนี้ได้อย่างไร

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.