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

ฉันต้องการรู้วิธีวาดรูปหลายเหลี่ยมบนผืนผ้าใบ โดยไม่ต้องใช้ jQuery หรืออะไรแบบนั้น

96 javascript  css  html  canvas 

ฉันค้นหาผ่านหน้าเว็บมากมาย แต่ไม่พบปัญหาของฉันฉันจึงต้องโพสต์ ฉันมีแบบฟอร์มที่มีปุ่มส่งและเมื่อส่งแล้วฉันต้องการไม่ให้รีเฟรชหรือเปลี่ยนเส้นทาง ฉันแค่ต้องการให้ jQuery ทำหน้าที่ นี่คือแบบฟอร์ม: <form id="contactForm"> <fieldset> <label for="Name">Name</label> <input id="contactName" type="text" /> </fieldset> <fieldset> <label for="Email">Email</label> <input id="contactEmail" type="text" /> </fieldset> <fieldset class="noHeight"> <textarea id="contactMessage" cols="20"></textarea> <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" /> </fieldset> </form> <small id="messageSent">Your message has been sent.</small> และนี่คือ jQuery: function sendContactForm(){ $("#messageSent").slideDown("slow"); setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', …

96 javascript  jquery  html  forms 

เป็นวิธีที่เหมาะสมในการใช้แท็กช่วงในแท็ก H1 หรือไม่? <h1> <span class="boardit">Portfolio</span> </h1> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันรู้ว่าเราสามารถเขียนได้ด้วยวิธีนี้ ... และกำลังทำตามไวยากรณ์ด้านล่างในเว็บไซต์ของฉันเอง .. <h1 class="boardit"> <span>Portfolio</span> </h1> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด อย่างไรก็ตามฉันแค่อยากรู้รูปแบบที่สะอาดกว่าของ html ..

96 html 

เมื่อพยายามแสดงองค์ประกอบ div ด้วย jQuery ฉันได้รับข้อผิดพลาดนี้: [23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 ฟังก์ชั่นที่เกี่ยวข้องคือ: function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } ฟังก์ชั่นนี้มีหน้าที่ในการแสดง div พร้อมกับภาพเคลื่อนไหวการตีกลับอย่างไรก็ตาม div จะแสดง แต่ไม่มีเอฟเฟกต์ตีกลับ แก้ไข: ฉันรวมไลบรารี jQuery และ jQueryUI จาก CDN เช่นนี้ (ตามลำดับ): <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script>

96 javascript  jquery  html 

ในเอกสาร HTML ของฉันฉันมีตารางที่มีสองคอลัมน์และหลายแถว ฉันจะเพิ่มช่องว่างระหว่างคอลัมน์แรกและคอลัมน์ที่สองด้วย css ได้อย่างไร ฉันได้ลองใช้ "margin-right: 10px;" ไปยังแต่ละเซลล์ทางด้านซ้ายมือ แต่ไม่มีผลใด ๆ

96 html  css  cell  margin  css-tables 

ดังที่เห็นได้ในซอต่อไปนี้ฉันมีสองตัวdivที่มีอยู่ในพ่อแม่divที่มี div ขนาดใหญ่เป้าหมายของฉันคือทำให้เด็กเหล่านั้นdivมีความสูงเท่ากัน http://fiddle.jshell.net/y9bM4/

96 css  html 

ฉันมีแบบฟอร์มที่มีปุ่มตัวเลือกที่อยู่ในบรรทัดเดียวกับป้ายกำกับ อย่างไรก็ตามปุ่มตัวเลือกไม่ได้อยู่ในแนวตั้งกับป้ายกำกับดังที่แสดงในภาพหน้าจอด้านล่าง ฉันจะจัดปุ่มตัวเลือกให้ตรงกับป้ายกำกับในแนวตั้งได้อย่างไร แก้ไข: นี่คือรหัส html: <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> <label for="rd3">radio 3</label><br/> และรหัส css: label{ padding:5px; color:#222; font-family:corbel,sans-serif; font-size: 14px; margin: 10px; }

96 html  css  forms  xhtml  radio-button 

ฉันกำลังมองหาวิธีใหม่ล่าสุดในการสร้างแบบฟอร์ม HTML ที่ไม่มีปุ่มส่ง นั่นเป็นเรื่องง่ายพอสมควร แต่ฉันก็ต้องหยุดแบบฟอร์มไม่ให้โหลดตัวเองซ้ำเมื่อทำสิ่งที่ต้องการส่งเสร็จแล้ว (เช่นการกดปุ่มEnterในช่องข้อความ)

96 javascript  html  forms 

ฉันสังเกตเห็นว่าเบราว์เซอร์ Microsoft Edge ใหม่จะแทนที่รูปแบบของฉันเมื่อตรวจพบหมายเลขโทรศัพท์: <span class="phone">(123)123-1234</span> ดูjsfiddle นี้ (ต้องเปิดโดยใช้ Microsoft Edge: P) ประเภทนี้บุกรุกในการออกแบบเว็บไซต์และค่อนข้างน่ารังเกียจ ดูเหมือนว่าเป็นลักษณะของผู้สืบทอดจาก IE: / ฉันจะลบล้างหรือปิดใช้งานสิ่งนี้ได้อย่างไรเพื่อไม่ให้ผู้ใช้เว็บไซต์ของฉันเห็น

96 html  css  microsoft-edge 

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

96 javascript  html  copy-paste 

ฉันมี div พร้อมแถบเลื่อนเมื่อถึงจุดสิ้นสุดหน้าของฉันจะเริ่มเลื่อน ฉันจะหยุดพฤติกรรมนี้ได้หรือไม่?

96 javascript  html 

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

96 html  css 

ดังนั้นฉันจึงมีรหัสนี้ที่นี่: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> ด้วย CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat …

96 html  css  html-table  width 

ใช้งานได้ถ้าไฟล์ html อยู่ในเครื่อง (บนไดรฟ์ C ของฉัน) แต่จะไม่ทำงานหากไฟล์ html อยู่บนเซิร์ฟเวอร์และไฟล์รูปภาพอยู่ในเครื่อง ทำไมถึงเป็นเช่นนั้น? วิธีแก้ปัญหาที่เป็นไปได้?

96 javascript  html  filesystems  src 

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

96 html  input  word-wrap