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

ฉันต้องตรวจสอบให้แน่ใจว่า<input>เขตข้อมูลหนึ่งใช้ตัวเลขเป็นค่าเท่านั้น อินพุตไม่ได้เป็นส่วนหนึ่งของแบบฟอร์ม ดังนั้นจึงไม่ได้รับการส่งดังนั้นการตรวจสอบในระหว่างการส่งจึงไม่ใช่ตัวเลือก ฉันต้องการให้ผู้ใช้พิมพ์อักขระอื่น ๆ ที่ไม่ใช่ตัวเลข มีวิธีที่เป็นระเบียบเพื่อให้บรรลุสิ่งนี้หรือไม่?

143 html  input  numbers  validating 

นี่คือสิ่งที่ฉันพยายามทำให้สำเร็จใน HTML / CSS: ฉันมีรูปภาพที่มีความสูงและความกว้างต่างกัน แต่ทั้งหมดมีขนาดไม่เกิน 180x235 ดังนั้นสิ่งที่ฉันต้องการทำคือสร้างdivด้วยborderและvertical-align: middleทั้งหมด ฉันได้ทำสำเร็จว่า แต่ตอนนี้ผมติดอยู่กับวิธีการที่จะต้องมีการเชื่อมโยง href divทั้งหมด นี่คือรหัสของฉัน: <div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"> <div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"> <img src="myimage.jpg" height="62" width="180"> </div> </div> โปรดทราบว่าเพื่อประโยชน์ในการคัดลอกวางที่นี่ได้อย่างง่ายดายโค้ดสไตล์จะอยู่ในบรรทัด ฉันอ่านที่ไหนสักแห่งที่ฉันสามารถเพิ่ม div พาเรนต์อื่นที่ด้านบนของโค้ดแล้วทำ href ข้างในนั้น อย่างไรก็ตามจากการวิจัยบางส่วนพบว่าไม่ใช่รหัสที่ถูกต้อง ดังนั้นเพื่อสรุปอีกครั้งฉันต้องการ div ( #parentdivimage) ทั้งหมดเพื่อเป็นลิงก์ href

143 html  css 

textfieldตัวอย่างเช่นฉันมี จำเป็นต้องกรอกข้อมูลในฟิลด์เฉพาะตัวเลขและความยาวของค่าต้องเป็น 10 เมื่อฉันพยายามส่งแบบฟอร์มที่มีค่าความยาวเท่ากับ 5 ข้อความแสดงข้อผิดพลาดเริ่มต้นจะปรากฏขึ้น:Please match the requested format <input type="text" required="" pattern="[0-9]{10}" value=""> ฉันจะเปลี่ยนข้อความเริ่มต้นของข้อผิดพลาดในการตรวจสอบความถูกต้องของแบบฟอร์ม HTML 5 ได้อย่างไร หากจุดแรกสามารถทำได้ดังนั้นมีวิธีการสร้างไฟล์คุณสมบัติบางอย่างและตั้งค่าในข้อความผิดพลาดที่กำหนดเองไฟล์?

142 html  validation 

วิธีที่ถูกต้องในbootstrapการลอย div ไปทางขวาคืออะไร? ฉันคิดว่าpull-rightเป็นวิธีการแนะนำ แต่มันไม่ทำงาน @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล

142 html  css  twitter-bootstrap 

ฉันค้นหาคำถามอื่นแล้วและในขณะที่ปัญหานี้ดูเหมือนกับคำถามอื่น ๆ อีกสองเรื่อง แต่ฉันก็ยังไม่เห็นอะไรเลยที่จะจัดการกับปัญหาที่ฉันมีอยู่ ฉันมี div ที่มี div อื่น ๆ อยู่จำนวนหนึ่งซึ่งแต่ละอันจะถูกปล่อยให้ลอย div เหล่านี้แต่ละคนมีภาพถ่ายและคำอธิบาย สิ่งที่ฉันต้องการคือให้กลุ่มภาพถ่ายอยู่กึ่งกลางภายใน div ที่มี อย่างที่คุณเห็นจากโค้ดด้านล่างฉันลองใช้ทั้งคู่overflow:hiddenและmargin:x autoบน div parent แล้วและฉันก็เพิ่ม a clear:both(ตามที่แนะนำในหัวข้ออื่น) หลังจากรูปถ่าย ดูเหมือนจะไม่มีอะไรสร้างความแตกต่าง ขอบคุณ. ฉันขอขอบคุณข้อเสนอแนะใด ๆ <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> …

142 html  center  css 

ฉันอยู่หลังโซลูชันข้ามเบราว์เซอร์ที่ชัดเจนเพื่อตั้งค่าตำแหน่งเคอร์เซอร์ / คาเร็ตเป็นตำแหน่งที่รู้จักล่าสุดเมื่อ contentEditable = 'on' <div> ฟื้นโฟกัส ดูเหมือนว่าฟังก์ชั่นเริ่มต้นของ div เนื้อหาที่แก้ไขได้คือการย้ายเครื่องหมายรูปหมวก / เคอร์เซอร์ไปที่จุดเริ่มต้นของข้อความใน div แต่ละครั้งที่คุณคลิกที่มันซึ่งไม่พึงประสงค์ ฉันเชื่อว่าฉันจะต้องเก็บไว้ในตัวแปรตำแหน่งเคอร์เซอร์ปัจจุบันเมื่อพวกเขาออกจากโฟกัสของ div แล้วตั้งค่าใหม่เมื่อพวกเขามีโฟกัสภายในอีกครั้ง แต่ฉันไม่สามารถรวบรวมกันหรือหางาน ตัวอย่างรหัสเลย หากใครมีความคิดใด ๆ ตัวอย่างโค้ดหรือตัวอย่างการทำงานฉันยินดีที่จะเห็นพวกเขา ฉันยังไม่มีรหัสจริงๆ แต่นี่คือสิ่งที่ฉันมี: <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS ฉันได้ลองใช้ทรัพยากรนี้แล้ว แต่ดูเหมือนว่ามันไม่ได้ผลสำหรับ …

142 javascript  jquery  html  contenteditable  cursor-position 

scriptองค์ประกอบที่ได้ตั้งตัวเป็นdisplay:blockปรากฏที่มองเห็นได้ ทำไมจึงเป็นไปได้และมีกรณีการใช้งานจริงที่ต้องการ? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

142 html  css  script-tag 

ฉันมี HTML ต่อไปนี้: <div id="mydiv"> <div class="myclass"></div> </div> ฉันต้องการที่จะสามารถใช้ตัวเลือกที่เลือกภายในdivแต่เฉพาะสำหรับmydivภาชนะ ฉันจะทำให้สำเร็จด้วย jQuery ได้อย่างไร

142 javascript  jquery  html  class  jquery-selectors 

ฉันมีภาพที่ลิงค์นี้: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg อย่างที่คุณเห็นนี่เป็นภาพปกติที่มีการวางแนวที่ถูกต้อง อย่างไรก็ตามเมื่อฉันตั้งค่าลิงค์นี้เป็น src attribute ของแท็กรูปภาพของฉันรูปภาพจะกลับหัว http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คุณมีความคิดว่าเกิดอะไรขึ้น?

142 html  css  image 

ฉันพยายามที่จะได้รับหลายinlineและส่วนประกอบในแนวตั้งในinline-block divทำไมspanในตัวอย่างนี้ถึงยืนยันว่าถูกผลักลงมา? ฉันได้พยายามทั้งสองvertical-align:middle;และvertical-align:top;แต่ไม่มีอะไรเปลี่ยนแปลง HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } ผลลัพธ์: ซอ

142 html  css  vertical-alignment 

ฉันมี CSS ที่เปลี่ยนการจัดรูปแบบเมื่อคุณวางเมาส์ไว้เหนือองค์ประกอบ HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } ในบางกรณีฉันไม่ต้องการใช้ CSS กับโฮเวอร์ วิธีหนึ่งที่จะเพียงแค่ลบคลาส CSS จาก div โดยใช้ jQuery แต่นั่นจะทำลายสิ่งอื่น ๆ เนื่องจากฉันยังใช้คลาสนั้นเพื่อจัดรูปแบบองค์ประกอบย่อย ดังนั้นสิ่งที่ทำให้ฉันถาม: มีวิธีลบ 'hover' css สไตล์จากองค์ประกอบหรือไม่

142 html  css 

มีวิธีเพิ่มแถบเลื่อนแนวนอนในตาราง HTML หรือไม่? จริง ๆ แล้วฉันต้องการให้เลื่อนได้ทั้งแนวตั้งและแนวนอนขึ้นอยู่กับการเติบโตของตาราง แต่ฉันไม่สามารถเลื่อนแถบเลื่อนได้

142 html  css  html-table  scrollbar 

เมื่อฉันใช้requestAnimationFrameทำแอนิเมชั่นที่รองรับโดยใช้โค้ดด้านล่าง: var support = { animationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame }; support.animationFrame(function() {}); //error support.animationFrame.call(window, function() {}); //right โทรโดยตรงsupport.animationFrameจะให้ ... Uncaught TypeError: การร้องขอที่ผิดกฎหมาย ใน Chrome ทำไม?

142 javascript  html  google-chrome  typeerror 

ขณะนี้ฉันกำลังสร้างแอพพลิเคชั่นบนเว็บ HTML5 และแอพพื้นเมืองของ Phonegap และฉันไม่สามารถหาวิธีการบันทึกผืนผ้าใบของฉันเป็นรูปภาพcanvas.toDataURL()ได้ ใครสามารถช่วยฉันออก นี่คือรหัสมีอะไรผิดปกติกับมัน? // ผ้าใบของฉันชื่อ "canvasSignature" JavaScript: function putImage() { var canvas1 = document.getElementById("canvasSignature"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataURL("image/png"); } var imageElement = document.getElementById("MyPix"); imageElement.src = myImage; } HTML5: <div id="createPNGButton"> <button onclick="putImage()">Save as Image</button> </div>

141 javascript  html  cordova  canvas  save 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้มีแนวโน้มที่จะเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีโซลูชั่นอะไรบ้างสำหรับการกระจายแอปพลิเคชันเดสก์ท็อปที่ใช้ HTML5 ฉันต้องการแจกจ่ายแอพ HTML5 ของฉันเป็นแอปพลิเคชันเดสก์ทอปแบบสแตนด์อโลนใน Windows, OSX และ Linux ฉันต้องการให้ผู้คนสามารถดับเบิลคลิกที่ไอคอนทางลัดของแอพเพื่อเรียกใช้โปรแกรมของฉัน ฉันไม่ต้องการให้หน้าต่างเบราว์เซอร์แสดงเพียงแอพของฉัน เป็นไปได้ไหม

141 javascript  html  desktop-application