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

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

13
ทำให้โปสเตอร์วิดีโอ HTML5 มีขนาดเท่ากับวิดีโอ
มีใครทราบวิธีปรับขนาดโปสเตอร์วิดีโอ HTML5 ให้พอดีกับขนาดของวิดีโอไหม นี่คือ jsfiddle ที่แสดงปัญหา: http://jsfiddle.net/zPacg/7/ นี่คือรหัสนั้น: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ สังเกตว่าสี่เหลี่ยมผืนผ้าสีส้มไม่ได้ปรับขนาดให้เท่ากับขอบสีแดงของวิดีโอ นอกจากนี้การเพิ่ม CSS ด้านล่างก็ใช้ไม่ได้เช่นกันเนื่องจากปรับขนาดวิดีโอพร้อมกับโปสเตอร์: video[poster]{ height:100%; width:100%; }

7
สไตล์อินไลน์เพื่อทำหน้าที่เป็น: วางเมาส์เหนือ CSS
ฉันรู้ว่าการฝังสไตล์ CSS ลงในแท็ก HTML โดยตรงจะส่งผลต่อการเอาชนะจุดประสงค์ส่วนใหญ่ของ CSS แต่บางครั้งก็มีประโยชน์สำหรับการดีบักเช่นใน: <p style="font-size: 24px">asdf</p> ไวยากรณ์สำหรับการฝังกฎเป็นอย่างไร: a:hover {text-decoration: underline;} ลงในแอตทริบิวต์สไตล์ของแท็ก A? ไม่ชัดนี่ ... <a href="foo" style="text-decoration: underline">bar</a> ... เนื่องจากจะมีผลตลอดเวลาซึ่งต่างจากเพียงแค่ในระหว่างการวางเมาส์
96 html  css 

7
Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'top' ของ undefined
ขออภัยหากคำถามนี้ได้รับคำตอบแล้ว ฉันได้ลองค้นหาวิธีแก้ไขแล้ว แต่ไม่พบสิ่งที่เหมาะกับรหัสของฉัน ฉันยังใหม่กับ jQuery ฉันมีเมนูติดหนึบสองประเภทที่แตกต่างกันสำหรับสองหน้าที่ต่างกัน นี่คือรหัสสำหรับทั้งคู่ $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; …
96 javascript  jquery  html  css  dom 

18
ส่งแบบฟอร์มโดยไม่ต้องโหลดหน้าซ้ำ
ฉันมีเว็บไซต์คลาสสิฟายด์และในหน้าที่มีการแสดงโฆษณาฉันกำลังสร้างแบบฟอร์ม "ส่งเคล็ดลับให้เพื่อน" ... ดังนั้นใครก็ตามที่ต้องการสามารถส่งเคล็ดลับของโฆษณาไปยังที่อยู่อีเมลของเพื่อน ๆ ฉันเดาว่าต้องส่งแบบฟอร์มไปยังหน้า php ใช่ไหม <form name='tip' method='post' action='tip.php'> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/> <input type="submit" value="Skicka Tips"/> <input type="hidden" name="ad_id" /> </form> เมื่อส่งแบบฟอร์มหน้าจะถูกโหลดใหม่ ... ฉันไม่ต้องการแบบนั้น ... มีวิธีไหนบ้างที่ทำให้ไม่โหลดซ้ำแล้วยังส่งเมล์ได้? ควรจะไม่มี ajax หรือ jquery ... ขอบคุณ
96 javascript  php  html  ajax  forms 

7
วิธีทั่วไปในการตรวจสอบว่ามีการแก้ไขรูปแบบ html หรือไม่
ฉันมีแบบฟอร์ม html แบบแท็บ เมื่อนำทางจากแท็บหนึ่งไปยังอีกแท็บข้อมูลปัจจุบันของแท็บจะยังคงอยู่ (บนฐานข้อมูล) แม้ว่าจะไม่มีการเปลี่ยนแปลงข้อมูลก็ตาม ฉันต้องการให้เรียกการคงอยู่ต่อเมื่อมีการแก้ไขแบบฟอร์มเท่านั้น แบบฟอร์มสามารถมีการควบคุมประเภทใดก็ได้ การทำให้แบบฟอร์มสกปรกไม่จำเป็นต้องพิมพ์ข้อความ แต่การเลือกวันที่ในตัวควบคุมปฏิทินก็มีคุณสมบัติเช่นกัน วิธีหนึ่งในการบรรลุเป้าหมายนี้คือการแสดงแบบฟอร์มในโหมดอ่านอย่างเดียวตามค่าเริ่มต้นและมีปุ่ม 'แก้ไข' และหากผู้ใช้คลิกปุ่มแก้ไขการเรียกไปยังฐานข้อมูลจะเกิดขึ้น (อีกครั้งโดยไม่คำนึงว่าข้อมูลจะถูกแก้ไขหรือไม่ นี่คือการปรับปรุงให้ดีขึ้นกับสิ่งที่มีอยู่ในปัจจุบัน) ฉันต้องการทราบวิธีการเขียนฟังก์ชัน javascript ทั่วไปที่จะตรวจสอบว่ามีการแก้ไขค่าการควบคุมใด ๆ หรือไม่?

9
จะซ่อนคอลัมน์ในตาราง HTML ได้อย่างไร?
ฉันสร้างตารางใน ASPX แล้ว ฉันต้องการซ่อนคอลัมน์ใดคอลัมน์หนึ่งตามข้อกำหนด แต่ไม่มีแอตทริบิวต์เหมือนvisibleในการสร้างตาราง HTML ฉันจะแก้ปัญหาของฉันได้อย่างไร?

6
XPath ที่ไม่คำนึงถึงตัวพิมพ์เล็กและใหญ่มี () เป็นไปได้หรือไม่?
ฉันใช้งานกับโหนดข้อความทั้งหมดของ DOM ของฉันและตรวจสอบว่า nodeValue มีสตริงที่แน่นอนหรือไม่ /html/body//text()[contains(.,'test')] นี่เป็นกรณีที่ละเอียดอ่อน แต่ผมยังต้องการที่จะจับTest, หรือTEST TesTเป็นไปได้กับ XPath (ใน JavaScript) หรือไม่?
96 javascript  html  xml  xslt  xpath 

5
data-reactid แอตทริบิวต์ใน html คืออะไร
ในขณะที่ฉันกำลังอ่าน HTML ของบางหน้าฉันสังเกตเห็นว่าบางหน้าใช้แอตทริบิวต์ "data-reactid" เช่น: <a data-reactid="......" ></a> แอตทริบิวต์นั้นคืออะไรและมีหน้าที่อะไร?

3
AngularJS - ตัวยึดสำหรับผลลัพธ์ว่างจากตัวกรอง
ฉันต้องการมีตัวยึดตำแหน่งเช่น<No result>เมื่อผลการกรองกลับเป็นค่าว่าง ใครช่วยได้บ้าง ไม่รู้จะเริ่มตรงไหน ... HTML : <div ng-controller="Ctrl"> <h1>My Foo</h1> <ul> <li ng-repeat="foo in foos"> <a href="#" ng-click="setBarFilter(foo.name)">{{foo.name}}</a> </li> </ul> <br /> <h1>My Bar</h1> <ul> <li ng-repeat="bar in bars | filter:barFilter">{{bar.name}}</li> </ul> </div> JS : function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ …


9
จะจำลองหน้าจอความละเอียดสูงขึ้นได้อย่างไร? [ปิด]
ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีวิธีใดบ้างที่เบราว์เซอร์จะทดสอบเว็บไซต์ของฉันด้วยความละเอียดที่สูงกว่าหน้าจอของฉัน เช่นฉันมีหน้าจอ 1440 x 900 และฉันต้องการทดสอบเว็บไซต์ในขนาด 1920 x 1200, 1920 x 1080 เป็นต้น
95 html  css  resolution 

11
เปิดป๊อปอัปและรีเฟรชหน้าพาเรนต์เมื่อปิดป๊อปอัป
ฉันเปิดหน้าต่างป๊อปอัปข้าง window.open ใน JavaScript ฉันต้องการรีเฟรชหน้าหลักเมื่อฉันปิดหน้าต่างป๊อปอัปนี้ (onclose event?) ฉันจะทำอย่างไร window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

5
เหตุการณ์ใดที่ <input type =“ number” /> เริ่มทำงานเมื่อมีการเปลี่ยนแปลงค่า
แค่สงสัยว่ามีใครรู้บ้างไหมว่าเหตุการณ์ใดที่&lt;input type="number" /&gt;องค์ประกอบHTML5 เริ่มทำงานเมื่อคลิกลูกศรขึ้น / ลง: ฉันใช้onblurสำหรับเมื่อโฟกัสออกจากช่องป้อนข้อมูลแล้ว
95 javascript  html 

7
ทำให้ div ภายนอกมีความสูงเท่ากับเนื้อหาลอยโดยอัตโนมัติ
ฉันต้องการด้านนอกdivซึ่งเป็นสีดำเพื่อห่อหุ้มมันให้divลอยอยู่ภายใน ฉันไม่ต้องการที่จะใช้style='height: 200pxในdivกับouterdivรหัสตามที่ผมต้องการให้เป็นโดยอัตโนมัติสูงของเนื้อหา (เช่นลอยdivs) &lt;div id='outerdiv' style='border: 1px solid black;background-color: black;'&gt; &lt;div style='width=300px;border: red 1px dashed;float: left;'&gt; &lt;p&gt;xxxxxxxxxxxxxxxxxxxxxxxxxxxxx&lt;/p&gt; &lt;/div&gt; &lt;div style='width=300px;border: red 1px dashed;float: right;'&gt; &lt;p&gt;zzzzzzzzzzzzzzzzzzzzzzzzzzzzz&lt;/p&gt; &lt;/div&gt; จะบรรลุเป้าหมายนี้ได้อย่างไร?
95 css  html  css-float 

4
วิธีผสมลิงก์ (<a> แท็ก) และส่วนหัว (แท็ก <h1>) ในมาตรฐานเว็บ
รหัสที่ถูกต้องในการสร้างลิงค์กับหัวข้อ 1 ตามมาตรฐานเว็บคืออะไร? ใช่ไหม &lt;h1&gt;&lt;a href="http://stackoverflow.com"&gt; stackoverflow &lt;/a&gt;&lt;/h1&gt; หรือ &lt;a href="http://stackoverflow.com"&gt;&lt;h1&gt; stackoverflow &lt;/h1&gt;&lt;/a&gt; ขอบคุณ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.