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

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปหลักสำหรับการสร้างเว็บเพจและข้อมูลอื่น ๆ ที่จะแสดงในเว็บเบราว์เซอร์ คำถามเกี่ยวกับ HTML ควรมีตัวอย่างที่ทำซ้ำได้น้อยที่สุดและแนวคิดบางประการเกี่ยวกับสิ่งที่คุณพยายามทำ แท็กนี้ไม่ค่อยได้ใช้คนเดียวและมักจะจับคู่กับ [CSS] และ [javascript]

7
วิธีเรียกใช้ฟังก์ชัน JavaScript แทน href ใน HTML
ฉันมีตัวอย่างใน HTML <a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a> ฉันได้รับการตอบกลับจากเซิร์ฟเวอร์เมื่อฉันส่งคำขอ ด้วยการจำลองนี้ฉันได้รับคำตอบของคำขอ AJAX ที่ส่งรหัสของฉันไปยังเซิร์ฟเวอร์ ทุกอย่างเรียบร้อยดี แต่เมื่อฉันคลิกที่ลิงค์เบราว์เซอร์ต้องการเปิดฟังก์ชันเป็นลิงค์ ความหมายหลังจากคลิกฉันเห็นแถบที่อยู่เป็น javascript:ShowOld(2367,146986,2) หมายถึงเบราว์เซอร์ที่เป็น url ถ้าฉันต้องการทำสิ่งนี้ใน firebug ที่ใช้งานได้ ตอนนี้ฉันต้องการทำเช่นนั้นเมื่อทุกคนคลิกลิงก์เบราว์เซอร์จะพยายามเรียกใช้ฟังก์ชันที่โหลดไว้แล้วใน DOM แทนที่จะพยายามเปิดในเบราว์เซอร์
3
CSS: คลาสหลอกที่เลือกคล้ายกับ: ตรวจสอบ แต่สำหรับองค์ประกอบ <select>
มีวิธีจัดรูปแบบ&lt;option&gt;องค์ประกอบที่เลือกในปัจจุบันใน&lt;select&gt;องค์ประกอบหรือไม่ จากนั้นฉันสามารถให้สีพื้นหลังกับองค์ประกอบตัวเลือกที่เลือกในปัจจุบันได้หรือไม่? ด้วยวิธีนี้ฉันสามารถจัดรูปแบบตัวเลือกที่สามารถดูได้ในเมนูแบบเลื่อนลงแบบปิด
9
ฉันจะลบสไตล์ความสูงออกจาก DIV โดยใช้ jQuery ได้อย่างไร
โดยค่าเริ่มต้นความสูงของ DIV จะถูกกำหนดโดยเนื้อหา แต่ฉันลบล้างสิ่งนั้นและตั้งค่าความสูงอย่างชัดเจนด้วย jQuery: $('div#someDiv').height(someNumberOfPixels); ฉันจะย้อนกลับได้อย่างไร ฉันต้องการลบสไตล์ความสูงและทำให้กลับไปเป็นความสูงอัตโนมัติ / ธรรมชาติ
86 jquery  html  css  layout 
4
เบราว์เซอร์ / HTML บังคับให้ดาวน์โหลดรูปภาพจาก src =“ data: image / jpeg; base64 …”
ฉันกำลังสร้างภาพที่ฝั่งไคลเอ็นต์และแสดงด้วย HTML ดังนี้: &lt;img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgM...."/&gt; ฉันต้องการเสนอความเป็นไปได้ในการดาวน์โหลดภาพที่สร้างขึ้น ฉันจะรู้ได้อย่างไรว่าเบราว์เซอร์กำลังเปิดปุ่มหมุนบันทึกไฟล์ (หรือเพียงแค่ดาวน์โหลดรูปภาพเช่น chrome หรือ firefox ไปยังโฟลเดอร์ดาวน์โหลด) ซึ่งช่วยให้ผู้ใช้สามารถบันทึกภาพโดยไม่ต้องคลิกขวาและบันทึกตามภาพ ฉันต้องการโซลูชันที่ไม่มีการโต้ตอบกับเซิร์ฟเวอร์ ดังนั้นฉันจึงทราบว่ามันจะเป็นไปได้ถ้าฉันอัปโหลดภาพก่อนแล้วจึงเริ่มการดาวน์โหลด ขอบคุณมาก!
11
เหตุใดจึงต้องใช้แท็กรายการนิยาม (DL, DD, DT) สำหรับรูปแบบ HTML แทนตาราง
เมื่อเร็ว ๆ นี้ฉันเจอตัวอย่างบางส่วนที่ทำสิ่งต่างๆเช่น: &lt;dl&gt; &lt;dt&gt;Full Name:&lt;/dt&gt; &lt;dd&gt;&lt;input type="text" name="fullname"&gt;&lt;/dd&gt; &lt;dt&gt;Email Address:&lt;/dt&gt; &lt;dd&gt;&lt;input type="text" name="email"&gt;&lt;/dd&gt; &lt;/dl&gt; สำหรับการทำรูปแบบ HTML ทำไมถึงเป็นเช่นนั้น? ข้อดีของการใช้ตารางคืออะไร?
86 html  css  forms 
6
ครอบตัดข้อความยาวเกินไปภายใน div
&lt;div style="display:inline-block;width:100px;"&gt; very long text &lt;/div&gt; วิธีใดก็ตามในการใช้ pure css เพื่อตัดข้อความที่ยาวเกินไปแทนที่จะแสดงในบรรทัดใหม่ถัดไปและแสดงสูงสุด 100px เท่านั้น
86 html  css 
10
onchange เหตุการณ์สำหรับประเภทอินพุต =“ จำนวน”
ฉันจะจัดการกับการเปลี่ยนแปลงสำหรับ&lt;input type="number" id="n" value="5" step=".5" /&gt;? ฉันไม่สามารถทำkeyupหรือkeydownเพราะผู้ใช้อาจใช้ลูกศรเพื่อเปลี่ยนค่า ฉันต้องการจัดการทุกครั้งที่มีการเปลี่ยนแปลงไม่ใช่แค่เบลอซึ่งฉันคิดว่า.change()เหตุการณ์นั้น ความคิดใด ๆ ?
86 jquery  html 
24
ฉันจะลบคำแนะนำเครื่องมือ“ ไม่ได้เลือกไฟล์” ออกจากอินพุตไฟล์ใน Chrome ได้อย่างไร
ฉันต้องการลบคำแนะนำเครื่องมือ "ไม่ได้เลือกไฟล์" ออกจากการป้อนไฟล์ใน Google Chrome (ฉันเห็นว่าไม่มีคำแนะนำเครื่องมือแสดงใน Firefox) โปรดสังเกตว่าฉันไม่ได้พูดถึงข้อความในช่องป้อนข้อมูล แต่เกี่ยวกับคำแนะนำเครื่องมือที่ปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปที่อินพุต ฉันได้ลองโดยไม่มีโชค: $('#myFileInput').attr('title', '');
4
โมดูล ES6 ในเบราว์เซอร์: Uncaught SyntaxError: การนำเข้าโทเค็นที่ไม่คาดคิด
ฉันเพิ่งเริ่มใช้ES6 (ECMAScript 6) และฉันต้องการใช้ระบบโมดูลในเบราว์เซอร์ ฉันอ่าน ES6 ได้รับการสนับสนุนโดย Firefox และ Chrome แต่ฉันได้รับข้อผิดพลาดต่อไปนี้โดยใช้export Uncaught SyntaxError: Unexpected token import ฉันมีไฟล์ test.html &lt;html&gt; &lt;script src="test.js"&gt;&lt;/script&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; และไฟล์ test.js 'use strict'; class Test { static hello() { console.log("hello world"); } } export Test; ทำไม?
3
CSS แนวตั้งแนวตั้งใช้ไม่ได้กับ float
ฉันจะใช้vertical-alignเช่นเดียวกับfloatในdivคุณสมบัติ? ใช้vertical-alignงานได้ดีถ้าฉันไม่ใช้ไฟล์float. แต่ถ้าใช้ลูกลอยแล้วไม่ได้ผล เป็นสิ่งสำคัญสำหรับฉันที่จะใช้float:rightสำหรับ div สุดท้าย ฉันกำลังพยายามติดตามหากคุณลบ float ออกจาก div ทั้งหมดก็จะใช้ได้ดี: &lt;div class="wrap"&gt; &lt;div class="left"&gt;First div, float left, has more text.&lt;/div&gt; &lt;div class="left2"&gt;Second div, float left &lt;/div&gt; &lt;div class="right"&gt;Third div, float right&lt;/div&gt; &lt;/div&gt; CSS: .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; …
9
วิธีแสดงแถบเลื่อนบนตาราง html
ฉันกำลังเขียนหน้าที่ฉันต้องการตาราง html เพื่อรักษาขนาดที่ตั้งไว้ ฉันต้องการส่วนหัวที่ด้านบนสุดของตารางเพื่อให้อยู่ตรงนั้นตลอดเวลา แต่ฉันก็ต้องใช้ส่วนของตารางเพื่อเลื่อนไม่ว่าจะเพิ่มแถวลงในตารางกี่แถวก็ตาม ฉันต้องการให้ดูเหมือนวิธีที่ 2 ใน url นี้: http://www.cssplay.co.uk/menu/tablescroll.html ฉันได้ลองทำสิ่งนี้แล้ว แต่ไม่มีแถบเลื่อนปรากฏขึ้น: tbody { height: 80em; overflow: scroll; } &lt;table border=1 id="qandatbl" align="center"&gt; &lt;tr&gt; &lt;th class="col1"&gt;Question No&lt;/th&gt; &lt;th class="col2"&gt;Option Type&lt;/th&gt; &lt;th class="col1"&gt;Duration&lt;/th&gt; &lt;/tr&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class='qid'&gt;&lt;/td&gt; &lt;td class="options"&gt;&lt;/td&gt; &lt;td class="duration"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด
2
รับ HTML ต้นทางของหน้าปัจจุบันจากส่วนขยาย chrome
ฉันมีนามสกุลโครเมี่ยม ฉันต้องการวิเคราะห์จากซอร์ส HTML ของหน้าปัจจุบัน ฉันพบวิธีแก้ปัญหาทุกประเภทที่มีหน้าพื้นหลังและสคริปต์เนื้อหา แต่ไม่มีใครช่วยฉันเลย นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: manifest.json: { "name": "Extension", "version": "1.0", "description": "Extension", "browser_action": { "default_icon": "bmarkred.ico", "popup": "Test.html" }, "content_scripts": [ { "matches": ["http://*/*"], "js": ["content.js"] } ], "background": { "page": "backgroundPage.html" }, "permissions": [ "cookies", "tabs", "http://*/*", "https://*/*" ] } background.html: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; try …
5
จะตั้งค่า a: link height / width ด้วย css ได้อย่างไร?
ฉันไม่สามารถกำหนดความสูงและความกว้างของaองค์ประกอบของการนำทางได้ #header div#snav div a{ width:150px; height:77px; } #header div#snav div a:link{ width:150px; height:77px; } #header div#snav div a:hover{ height:77px; background:#eff1de; } มีความคิดอะไรที่ฉันทำผิด?
86 html  css 
6
การทำความเข้าใจคลาสกริด (col-sm- # และ col-lg- #) ใน Bootstrap 3
ฉันเริ่มต้นใช้งาน Bootstrap 3 และฉันมีปัญหาในการทำความเข้าใจว่าคลาสกริดมีไว้เพื่อใช้อย่างไร นี่คือสิ่งที่ฉันคิดได้จนถึงตอนนี้: ดูเหมือนว่าคลาสcol-sm-#และcol-lg-#แตกต่างจากคลาสเก่าทั่วไปตรงcol-#ที่จะใช้เฉพาะเมื่อหน้าจอมีขนาดใหญ่กว่าที่กำหนด (768px และ 992px ตามลำดับ) หากคุณละเว้น -sm- หรือ -lg- divs จะไม่ยุบรวมเป็นคอลัมน์เดียว แต่เมื่อฉันสร้างสอง divs ภายในแถวที่มีทั้งcol-sm-6ดูเหมือนว่าพวกเขาเป็นเพียงเคียงข้างเมื่อหน้าต่างอยู่ระหว่าง 768px และ 992px กว้าง ในคำอื่น ๆ ถ้าผมหดหน้าต่างตลอดทางลงแล้วค่อยๆขยายมันรูปแบบคอลัมน์เดียวแล้วสองคอลัมน์แล้วกลับไปที่คอลัมน์เดียวอีกครั้ง นี่เป็นพฤติกรรมที่ตั้งใจไว้หรือไม่? ถ้าฉันต้องการสองคอลัมน์สำหรับสิ่งที่เกิน 768px ฉันควรใช้ทั้งสองคลาสหรือไม่ ( &lt;div class="col-sm-6 col-lg-6"&gt;) ควรcol-6 นอกจากนี้ยังจะรวม?&lt;div class="col-6 col-sm-6 col-lg-6"&gt;
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.