การเขียนโปรแกรม input

13

เช่นเดียวกับผู้คนจำนวนมากที่ฉันต้องการที่จะปรับแต่งที่น่าเกลียดinput type=fileและฉันรู้ว่ามันไม่สามารถทำได้โดยไม่ต้อง hacks javascriptบางส่วนและ แต่ปัญหาก็คือในกรณีของฉันปุ่มไฟล์อัปโหลดมีไว้สำหรับอัปโหลดภาพเท่านั้น ( jpeg | jpg | png | gif ) ดังนั้นฉันจึงสงสัยว่าฉันสามารถใช้clickableภาพ "" ซึ่งจะทำหน้าที่เป็นไฟล์ประเภทอินพุตได้หรือไม่ ( แสดงกล่องโต้ตอบและ $ _FILE เดียวกันในหน้าที่ส่ง) ฉันพบวิธีแก้ปัญหาบางอย่างที่นี่และสิ่งนี้ก็น่าสนใจเช่นกัน (แต่ใช้ไม่ได้กับ Chrome = /) พวกคุณทำอะไรเมื่อคุณต้องการเพิ่มสไตล์ให้กับปุ่มไฟล์ของคุณ? หากคุณมีมุมมองใด ๆ เกี่ยวกับเรื่องนี้เพียงแค่กดปุ่มรับสาย;)

105 css image file button input

4

ข้อผิดพลาดด้วย Firefox - ปิดการใช้งานแอตทริบิวต์ของการป้อนข้อมูลไม่รีเซ็ตเมื่อรีเฟรช

ฉันพบสิ่งที่ฉันเชื่อว่าเป็นจุดบกพร่องของ Firefox และฉันสงสัยว่านี่เป็นข้อบกพร่องจริงหรือไม่รวมถึงวิธีแก้ไขปัญหาสำหรับสิ่งนี้ หากคุณสร้างเว็บเพจพื้นฐานด้วยแหล่งข้อมูลต่อไปนี้: <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> </head> <body> <div> <input id="txtTest" type="text" /> <input type="button" onclick="$('#txtTest').attr('disabled','disabled');" value="Set Disabled (jQuery)" /> <input type="button" onclick="document.getElementById('txtTest').disabled = true;" value="Set Disabled (js)" /> <input type="button" onclick="$('#txtTest').removeAttr('disabled');" value="Remove Disabled" /> </div> </body> </html> หากคุณแบบไดนามิกและรีเฟรชหน้าเว็บที่จะยังคงอยู่คนพิการแทนการรีเซ็ตกลับสู่สภาพเดิมไม่พิการ ฉันได้ลองสิ่งนี้ใน IE8 และ Chrome และสิ่งเหล่านั้นทำงานตามที่ฉันคาดหวังโดยรีเซ็ตด้านหลังเป็นไม่ปิดใช้งานเมื่อฉันรีเฟรชdisabletextboxtextboxtextbox ข้อมูลที่น่าสนใจอีกอย่างก็คือมันยังคงทำสิ่งเดียวกันหากอินพุตเป็น a checkboxแทนที่จะเป็นtextboxไฟล์.

104 html firefox input textbox

3

การล้างบัฟเฟอร์หมายถึงอะไร?

ฉันกำลังเรียนรู้ C ++ และพบบางสิ่งที่ฉันไม่เข้าใจ: บัฟเฟอร์เอาต์พุตสามารถล้างออกได้อย่างชัดเจนเพื่อบังคับให้เขียนบัฟเฟอร์ โดยค่าเริ่มต้นการอ่านcinวูบวาบcout; coutจะถูกล้างเมื่อโปรแกรมสิ้นสุดตามปกติ ดังนั้นการล้างบัฟเฟอร์ (ตัวอย่างเช่นบัฟเฟอร์เอาต์พุต): การดำเนินการนี้จะล้างบัฟเฟอร์โดยการลบทุกอย่างในนั้นหรือล้างบัฟเฟอร์โดยการส่งออกทุกอย่างในนั้น? หรือการล้างบัฟเฟอร์หมายถึงสิ่งที่แตกต่างอย่างสิ้นเชิง?

100 c++ input buffer output flush

4

การตัดข้อความภายในประเภทอินพุต = องค์ประกอบ "ข้อความ" HTML / CSS

HTML ที่แสดงด้านล่าง <input type="text"/> จะปรากฏในเบราว์เซอร์ดังนี้: เมื่อฉันเพิ่มข้อความต่อไปนี้ สุนัขจิ้งจอกสีน้ำตาลได้อย่างรวดเร็วเพิ่มขึ้นกว่าสุนัขขี้เกียจ. โดยใช้ HTML ด้านล่าง <input type="text" value="The quick brown fox jumped over the lazy dog."/> จะปรากฏในเบราว์เซอร์ดังนี้: แต่ฉันต้องการให้แสดงในเบราว์เซอร์ดังนี้: ฉันต้องการให้ข้อความในองค์ประกอบอินพุตของฉันถูกตัดออก สามารถทำได้โดยไม่ต้องมี textarea หรือไม่?

96 html input word-wrap

9

วิธีจัดรูปแบบอินพุตช่วง HTML5 ให้มีสีต่างกันก่อนและหลังแถบเลื่อน?

ฉันต้องการให้ด้านซ้ายเป็นสีเขียวและด้านขวาเป็นสีเทา ตามภาพด้านบนจะสมบูรณ์แบบ ควรเป็นโซลูชัน CSS ที่แท้จริง (ต้องกังวลเกี่ยวกับ WebKit เท่านั้น) สิ่งนั้นเป็นไปได้หรือไม่?

95 css html input webkit

13

ตรวจสอบว่าคีย์ไม่ทำงานหรือไม่?

มีวิธีตรวจสอบว่าคีย์ลงใน JavaScript หรือไม่? ฉันรู้เกี่ยวกับเหตุการณ์ "คีย์ดาวน์" แต่นั่นไม่ใช่สิ่งที่ฉันต้องการ บางครั้งหลังจากกดปุ่มฉันต้องการตรวจสอบว่ายังกดอยู่หรือไม่ ป.ล. ปัญหาที่ใหญ่ที่สุดดูเหมือนว่าหลังจากผ่านไประยะหนึ่งคีย์จะเริ่มทำงานซ้ำทำให้เกิดเหตุการณ์คีย์ดาวน์และคีย์อัพเหมือนปีศาจ หวังว่าจะมีฟังก์ชั่น isKeyDown (คีย์) ง่ายๆ แต่ถ้าไม่เช่นนั้นปัญหานี้จะต้องได้รับการแก้ไข / แก้ไข

94 javascript input keyboard

2

มีขนาดสูงสุดสำหรับความยาวของอินพุตที่ซ่อนอยู่ใน html หรือไม่

กล่าวอีกนัยหนึ่ง: <input type="hidden" value="Can I put as much as I want in here, or is there a limit?" /> แล้วถ้าเป็นเช่นนั้นมันคืออะไร?

93 html input

6

วิธีการเลือกข้อความทั้งหมดในการป้อนข้อมูลด้วย Reactjs เมื่อเน้น?

ตัวอย่างเช่นcodepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript select input reactjs

15

บังคับจุดทศนิยมแทนลูกน้ำในการป้อนหมายเลข HTML5 (ฝั่งไคลเอ็นต์)

ฉันได้เห็นว่าเบราว์เซอร์บางตัวแปลinput type="number"สัญกรณ์ตัวเลข ตอนนี้ในช่องที่แอปพลิเคชันของฉันแสดงพิกัดลองจิจูดและละติจูดฉันจะได้สิ่งต่างๆเช่น "51,983" ซึ่งควรเป็น "51.982559" วิธีแก้ปัญหาของฉันคือใช้input type="text"แทน แต่ฉันต้องการใช้การป้อนตัวเลขที่มีการแสดงทศนิยมที่ถูกต้อง มีวิธีบังคับให้เบราว์เซอร์ใช้จุดทศนิยมในการป้อนตัวเลขโดยไม่คำนึงถึงการตั้งค่าภายในฝั่งไคลเอ็นต์หรือไม่ (มันไปโดยไม่บอกว่าในแอปพลิเคชันของฉันฉันแก้ไขสิ่งนี้ที่ฝั่งเซิร์ฟเวอร์อยู่แล้ว แต่ในการตั้งค่าของฉันฉันต้องการให้มันถูกต้องในฝั่งไคลเอ็นต์ด้วย (เนื่องจาก JavaScript บางตัว)) ขอบคุณล่วงหน้า. UPDATE ณ ตอนนี้การตรวจสอบใน Chrome เวอร์ชัน 28.0.1500.71 บน Windows 7 การป้อนตัวเลขไม่ยอมรับทศนิยมที่จัดรูปแบบด้วยลูกน้ำ คำแนะนำที่เสนอพร้อมstepแอตทริบิวต์ดูเหมือนจะไม่ได้ผล http://jsfiddle.net/AsJsj/

92 html google-chrome input numbers decimal

6

ลบเงาอินพุต iOS

บน iOS (Safari 5) ฉันต้องทำตามสำหรับองค์ประกอบอินพุต (เงาด้านในด้านบน): ฉันต้องการลบเงาด้านบน แต่จุดบกพร่อง-webkit-appearanceไม่ได้บันทึก รูปแบบปัจจุบันคือ: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

92 ios css input

5

สามารถกำหนดขนาดของกล่องข้อความอินพุตใน HTML ได้อย่างไร?

นี่คือกล่องข้อความป้อน HTML: <input type="text" id="text" name="text_name" /> อะไรคือตัวเลือกในการกำหนดขนาดของกล่อง? สิ่งนี้สามารถนำไปใช้ใน CSS ได้อย่างไร?

92 html css input

6

jQuery: วิธีค้นหาปุ่มที่ไม่รวมอินพุต / เลือก / textarea แรกที่มองเห็นได้?

ฉันเหนื่อย $(":input:not(input[type=button],input[type=submit],button):visible:first") แต่ไม่พบอะไรเลย ความผิดพลาดของฉันคืออะไร? UPD: ฉันดำเนินการกับ $ (document) .load () <script type="text/javascript"> $(window).load(function () { var aspForm = $("form#aspnetForm"); var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm); firstInput.focus(); }); </script> และในการดีบักฉันเห็นว่า firstInput ว่างเปล่า UPD2: ฉันอยู่ในเพจ ASP.NET ที่ทำงานภายใต้ Sharepoint จนถึงตอนนี้ฉันพบว่าสำหรับบางองค์ประกอบจะพบพวกมัน (สำหรับองค์ประกอบคงที่) และสำหรับบางองค์ประกอบก็ไม่พบ :(

88 jquery input jquery-selectors

30

Angular2 - ช่องป้อนข้อมูลเพื่อยอมรับเฉพาะตัวเลข

ใน Angular 2 ฉันจะปิดบังช่องป้อนข้อมูล (กล่องข้อความ) เพื่อให้รับเฉพาะตัวเลขไม่ใช่ตัวอักษรได้อย่างไร ฉันมีอินพุต HTML ต่อไปนี้: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> อินพุตด้านบนเป็นอินพุตข้อความทั่วไปซึ่งอาจใช้เป็นฟิลด์ข้อความธรรมดาหรือฟิลด์ตัวเลขตัวอย่างเช่นเพื่อแสดงปี การใช้ Angular 2 ฉันจะใช้ตัวควบคุมอินพุตเดียวกันและใช้ตัวกรอง / มาสก์บางประเภทในฟิลด์นี้ได้อย่างไรเพื่อให้ยอมรับเฉพาะตัวเลข วิธีต่างๆที่ฉันสามารถทำได้คืออะไร? หมายเหตุ: ฉันต้องการบรรลุสิ่งนี้โดยใช้กล่องข้อความเท่านั้นและไม่ได้ใช้ประเภทหมายเลขอินพุต

87 html angular input angularjs-directive

6

คลิกข้อความเพื่อเลือกปุ่มตัวเลือกที่เกี่ยวข้อง

ฉันกำลังสร้างเว็บแอปพลิเคชันแบบทดสอบโดยใช้ PHP แต่ละคำถามประกอบด้วยตัวเลือกที่แยกจากกัน<label>และมีทางเลือกที่เป็นไปได้ 4 ทางโดยใช้radio buttonsเพื่อให้ผู้ใช้เลือกคำตอบของตน HTML ปัจจุบันสำหรับคำถามเดียวมีลักษณะดังนี้: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> ฉันต้องการให้ผู้ใช้มีตัวเลือกในการคลิกที่ข้อความที่เกี่ยวข้องกับปุ่มตัวเลือก ตอนนี้ผู้ใช้สามารถคลิกที่ปุ่มตัวเลือกเท่านั้นซึ่งฉันพบว่าเป็นงานที่ค่อนข้างยุ่งยาก ฉันอ่านไม่สามารถเลือกตัวเลือกปุ่มตัวเลือกใดปุ่มหนึ่งโดยคลิกที่ข้อความตัวเลือกและคำแนะนำชี้ไปที่การทำให้forและidแอตทริบิวต์ของแท็กตรงกัน ฉันได้ทำสิ่งนี้แล้วก็ยังไม่ได้ผล คำถามของฉันคือฉันต้องการที่จะสามารถคลิกข้อความของ<input type="radio">วัตถุได้ซึ่งตรงข้ามกับการเลือกปุ่มตัวเลือกเองเท่านั้น ฉันรู้ว่าฉันเคยอ่านเกี่ยวกับเรื่องนี้มาก่อน แต่ดูเหมือนจะหาวิธีแก้ปัญหาของฉันไม่ได้ ความช่วยเหลือหรือข้อเสนอแนะใด ๆ ที่ชื่นชมมาก!

87 html css forms input radio-button

12

วิธีรับข้อความของกล่องข้อความอินพุตระหว่าง onKeyPress?

ฉันกำลังพยายามรับข้อความในกล่องข้อความตามที่ผู้ใช้พิมพ์ ( jsfiddle playground ): function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด รหัสทำงานโดยไม่มีข้อผิดพลาดยกเว้นว่าค่าของinput textกล่องระหว่างonKeyPressจะเป็นค่าก่อนการเปลี่ยนแปลงเสมอ: คำถาม …

87 javascript html input onkeypress

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