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

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

114 javascript  html  forms  userscripts 

ฉันมีโค้ด HTML ต่อไปนี้ในหน้า: <h4>Some text</h4> <p> Some more text! </p> ในของ.cssฉันฉันมีตัวเลือกต่อไปนี้เพื่อจัดรูปแบบh4องค์ประกอบ โค้ด HTML ด้านบนเป็นเพียงส่วนเล็ก ๆ ของโค้ดทั้งหมด มีอีกหลายdivอย่างที่ห่อหุ้มไว้เป็นของ shadowbox: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } ดังนั้นฉันจึงมีสไตล์ที่ถูกต้องสำหรับh4องค์ประกอบของฉันแต่ฉันก็ต้องการจัดสไตล์pแท็กใน HTML ของฉันด้วย เป็นไปได้ด้วย CSS-selectors หรือไม่? และถ้าใช่ฉันจะทำอย่างไร

114 html  css  css-selectors 

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ <div id="example-value">หรือ<div id="example_value">? ไซต์นี้และ Twitter ใช้รูปแบบแรก Facebook และ Vimeo - วินาที คุณใช้อันไหนและทำไม?

114 html  coding-style  naming-conventions 

มีการ<section>แท็กได้รับอนุญาตให้รวมอยู่ในอีก<section>แท็ก? จะตรวจสอบความถูกต้องใน HTML5 หรือไม่

114 html 

จะลบออก.htmlจาก URL ของเพจคงได้อย่างไร? นอกจากนี้ฉันต้องเปลี่ยนเส้นทาง URL ใด ๆ.htmlไปยังURL ที่ไม่มี (กล่าวคือwww.example.com/page.htmlถึงwww.example.com/page).

114 html  .htaccess 

ฉันสังเกตเห็นว่าปุ่มและองค์ประกอบอื่น ๆ มีสไตล์เริ่มต้นและทำงานใน 3 ขั้นตอน ได้แก่ มุมมองปกติมุมมองโฮเวอร์ / โฟกัสและมุมมองแบบเลื่อนลง / คลิกใน CSS ฉันสามารถเปลี่ยนรูปแบบของมุมมองปกติและมุมมองโฮเวอร์ได้ดังนี้: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } แต่ฉันจะเลือกมูสดาวน์ได้อย่างไร? ฉันต้องการสิ่งนี้: button:mousedown{ //some styling } ขอบคุณ

114 html  css  css-selectors 

ฉันจะจัดเรียงบล็อกแบบอินไลน์สองบล็อกเพื่อให้บล็อกหนึ่งอยู่ทางซ้ายและอีกอันอยู่ในบรรทัดเดียวกันได้อย่างไร ทำไมถึงยากขนาดนี้? มีบางอย่างเช่น \ hfill ของ LaTeX ที่สามารถใช้ช่องว่างระหว่างพวกเขาเพื่อให้บรรลุสิ่งนี้หรือไม่? ฉันไม่ต้องการใช้โฟลทเพราะด้วยอินไลน์บล็อกฉันสามารถจัดแนวเส้นฐานได้ และเมื่อหน้าต่างมีขนาดเล็กเกินไปสำหรับทั้งคู่ด้วยบล็อกแบบอินไลน์ฉันสามารถเปลี่ยนการจัดแนวข้อความเป็นกึ่งกลางได้ การวางตำแหน่งสัมพัทธ์ (พาเรนต์) + ค่าสัมบูรณ์ (องค์ประกอบ) มีปัญหาเช่นเดียวกับการลอยตัว HTML5: <header> <h1>Title</h1> <nav> <a>A Link</a> <a>Another Link</a> <a>A Third Link</a> </nav> </header> css: header { //text-align: center; // will set in js when the nav overflows (i think) } h1 { display: inline-block; …

114 css  html 

ดังนั้นผมจึงรู้ว่าเราสามารถตั้งศูนย์กลาง div margin:0 auto;แนวนอนถ้าเราใช้ ควรmargin:auto auto;ทำงานวิธีที่ผมคิดว่ามันควรจะทำงาน? จัดกึ่งกลางในแนวตั้งด้วยหรือไม่? ทำไมไม่vertical-align:middle;ทำงานทั้งสองอย่าง? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> This is a popup message. </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด JSFiddle

114 html  css  centering 

ฉันกำลังประสบปัญหาในขณะที่ตั้งค่าความสูงความกว้างตัวถังล้น <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> เยี่ยมชมซอของฉันที่นี่ ฉันต้องการตาราง B เหมือนตาราง A ที่มีการเลื่อนมากเกินไป ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม. ขอบคุณมากเอ็ม

114 html  css 

มีเหตุผลใดบ้างนอกจากประสิทธิภาพในการใช้ WebGL แทน 2D-Canvas สำหรับเกม / แอป2D กล่าวอีกนัยหนึ่งว่าฟังก์ชัน 2D ใดที่ WebGL นำเสนอซึ่งไม่สามารถทำได้อย่างง่ายดายด้วย 2D-Canvas?

114 html  html5-canvas  webgl 

ลักษณะการทำงานของ URL ด้านล่างมีความแตกต่างกันหรือไม่ ฉันไม่รู้ว่าทำไม&แทรกมันสร้างความแตกต่างหรือไม่? www.testurl.com/test?param1=test&current=true เทียบกับ www.testurl.com/test?param1=test&current=true

114 forms  html 

ฉันได้สร้างแถบนำทางที่ยุบได้นี้โดยใช้ Bootstrap 4 ซึ่งใช้งานได้ดี แต่ฉันต้องการปิดเมื่อผู้ใช้คลิกที่ลิงค์ วิธีใดในการทำเช่นนี้ ขอบคุณ html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span …

114 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

ฉันมี <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> ผู้ปกครองมี .parent { display: flex; } สำหรับลูกคนแรกของฉันฉันต้องการเพียงแค่ลอยสิ่งของไปทางขวา และ div อื่น ๆ ของฉันเพื่อทำตามกฎการยืดหยุ่นที่กำหนดโดยผู้ปกครอง สิ่งนี้เป็นไปได้หรือไม่? ถ้าไม่ฉันจะทำfloat: rightunder flex ได้อย่างไร?

114 html  css  flexbox 

ฉันมีแบบฟอร์มสำหรับตอบกลับข้อความที่ต้องการแสดงเมื่อisReplyFormOpenเป็นจริงเท่านั้นและทุกครั้งที่คลิกปุ่มตอบกลับฉันต้องการสลับว่าจะแสดงแบบฟอร์มหรือไม่ ฉันจะทำเช่นนี้ได้อย่างไร?

113 javascript  html  angularjs  ng-show 

ผู้คนยังคงใช้แผนที่รูปภาพ HTML แบบเก่าอยู่หรือไม่ คนที่มี: <map name="test" id="test"> <area shape="poly" alt="" title="" coords=... หรือมีทางเลือกใหม่ที่ดีกว่านี้หรือไม่?

113 html  imagemap