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

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

6
ฉันจะทำให้แถบเลื่อนบน div สามารถมองเห็นได้เฉพาะเมื่อจำเป็นเท่านั้น
ฉันมี div นี้: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> แถบเลื่อนสามารถมองเห็นได้เสมอถึงแม้ว่าข้อความจะไม่ล้น ฉันต้องการให้แถบเลื่อนปรากฏเฉพาะเมื่อจำเป็นเท่านั้นนั่นคือจะปรากฏเฉพาะเมื่อมีข้อความในกล่องที่จำเป็นเท่านั้น เช่นเดียวกับ textarea ฉันจะทำสิ่งนี้ได้อย่างไร หรือเป็นตัวเลือกเดียวของฉันในการกำหนดลักษณะ textarea ดังนั้นจึงดูเหมือนเป็น div หรือไม่
151 css  html  scrollbar 

20
หยุดแบบฟอร์มการรีเฟรชหน้าเมื่อส่ง
ฉันจะป้องกันไม่ให้เพจรีเฟรชเมื่อกดปุ่มส่งโดยไม่มีข้อมูลใด ๆ ในฟิลด์ได้อย่างไร การตรวจสอบคือการตั้งค่าใช้งานได้ดีฟิลด์ทั้งหมดจะเป็นสีแดง แต่จากนั้นเพจจะรีเฟรชทันที ความรู้เกี่ยวกับ JS ของฉันค่อนข้างพื้นฐาน โดยเฉพาะฉันคิดว่าprocessForm()ฟังก์ชั่นที่ด้านล่างคือ 'ไม่ดี' HTML <form id="prospects_form" method="post"> <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" /> <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" /> <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" /> <textarea id="form_message" class="boxsize" …
151 javascript  jquery  html  forms 

9
รับรายการคุณลักษณะ data- * โดยใช้ javascript / jQuery
กำหนดองค์ประกอบ HTML โดยพลการพร้อมคุณสมบัติศูนย์หรือมากกว่าdata-*นั้นเราจะเรียกรายการคู่คีย์ - ค่าสำหรับข้อมูลได้อย่างไร เช่นได้รับสิ่งนี้: <div id='prod' data-id='10' data-cat='toy' data-cid='42'>blah</div> ฉันต้องการที่จะสามารถเรียกคืนนี้โดยทางโปรแกรม: { "id":10, "cat":"toy", "cid":42 } การใช้ jQuery (v1.4.3) การเข้าถึงแต่ละบิตของข้อมูลที่ใช้$.data()นั้นเป็นเรื่องง่ายหากรู้ล่วงหน้าคีย์ แต่ไม่ชัดเจนว่าจะใช้ข้อมูลชุดใดชุดหนึ่งได้ ฉันกำลังมองหาโซลูชัน jQuery ที่ 'ง่าย' ถ้ามีอยู่ แต่จะไม่คำนึงถึงวิธีการระดับล่าง ฉันพยายามแยกวิเคราะห์$('#prod').attributesแต่การขาด javascript-fu ทำให้ฉันผิดหวัง ปรับปรุง customdataทำสิ่งที่ฉันต้องการ อย่างไรก็ตามการรวมปลั๊กอิน jQuery สำหรับฟังก์ชั่นการใช้งานบางส่วนนั้นดูเหมือนว่าเป็นการ overkill การมองแหล่งที่มาช่วยให้ฉันแก้ไขรหัสของตัวเอง (และปรับปรุงจาวาสคริปต์ของฉัน) นี่คือวิธีแก้ปัญหาที่ฉันได้รับ: function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; …

6
การเข้าถึงกล้องผ่านเบราว์เซอร์
เรากำลังสร้างเว็บไซต์ HTML5 สำหรับมือถือและจำเป็นต้องเข้าถึงกล้องผ่านเว็บเบราว์เซอร์โดยไม่ต้องเป็นแอพพื้นฐาน เราประสบปัญหาในการทำให้งานนี้ใน iOS มีใครรู้วิธีแก้ปัญหาสำหรับเรื่องนี้?
150 ios  html  camera 


9
วิธีการจัดรูปแบบแอตทริบิวต์อ่านอย่างเดียวด้วย CSS
ขณะนี้ฉันใช้ readonly = "อ่านอย่างเดียว" เพื่อปิดใช้งานฟิลด์ ตอนนี้ฉันพยายามจัดรูปแบบคุณลักษณะโดยใช้ CSS ฉันพยายามใช้ input[readonly] { /*styling info here*/ } แต่มันไม่ทำงานด้วยเหตุผลบางอย่าง ฉันยังลอง input[readonly='readonly'] { /*styling info here*/ } ที่ไม่ทำงานอย่างใดอย่างหนึ่ง ฉันจะจัดรูปแบบแอตทริบิวต์อ่านอย่างเดียวด้วย CSS ได้อย่างไร
150 html  css  css-selectors 


9
Jquery หากเลือกตัวเลือกนี้
ซ้ำได้: ตรวจสอบปุ่มตัวเลือกเฉพาะ ฉันมีปุ่มตัวเลือก 2 ปุ่มในขณะนี้เพื่อให้ผู้ใช้สามารถตัดสินใจได้ว่าต้องการไปรษณีย์ที่รวมอยู่ในราคาหรือไม่: <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No ฉันต้องใช้ Jquery เพื่อตรวจสอบว่ามีการเลือกปุ่มตัวเลือก 'ใช่' หรือไม่และถ้าเป็นเช่นนั้นให้ทำฟังก์ชันต่อท้าย มีคนบอกฉันได้ไหมว่าฉันจะทำอย่างนี้ได้ไหม ขอบคุณสำหรับความช่วยเหลือใด ๆ แก้ไข: ฉันได้อัปเดตโค้ดเป็นสิ่งนี้แล้ว แต่มันไม่ทำงาน ฉันกำลังทำอะไรผิดหรือเปล่า? <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script>

2
วิธีเพิ่ม google chrome ในแถบอเนกประสงค์สนับสนุนเว็บไซต์ของคุณ
เมื่อฉันป้อน URL บางส่วนในแถบอเนกประสงค์ของ Google Chrome ฉันเห็นข้อความที่อยู่ในนั้น "กด TAB เพื่อค้นหาใน $ URL" ตัวอย่างเช่นมีบางเว็บไซต์รัสเซีย habrahabr.ru หรือ yandex.ru เมื่อคุณกด TAB คุณจะสามารถค้นหาในเว็บไซต์นั้นไม่ใช่ในเครื่องมือค้นหาของคุณ จะทำให้เว็บไซต์ของฉันสามารถใช้งานได้อย่างไร? บางทีฉันต้องเขียนโค้ดพิเศษในหน้าเว็บไซต์ของฉัน

8
สตรีมมิ่งผ่าน RTSP หรือ RTP ใน HTML5
Наэтотвопросестьответына กองมากเกินнарусском : Возможнолипроигрыватьонлайн-твна HTML5? ฉันสร้าง app เว็บที่ควรเล่นกระแส RTSP / RTP จากเซิร์ฟเวอร์http://lscube.org/projects/feng แท็กวิดีโอ / เสียง HTML5 สนับสนุน rtsp หรือ rtp หรือไม่ ถ้าไม่ทางออกที่ง่ายที่สุดคืออะไร อาจปล่อยลงปลั๊กอิน VLC หรืออะไรทำนองนั้น
150 video  html  streaming  rtsp  rtp 

13
วิธีเพิ่มภาพในรายการที่เลือก?
ฉันมีรายการเพศที่เลือก รหัส: <select> <option>male</option> <option>female</option> <option>others</option> </select> ฉันต้องการใช้รูปภาพในรายการดรอปดาวน์เป็นดรอปดาวน์ไอคอน iconpeg ฉันต้องการเพิ่มปุ่มแทนไอคอนดรอปดาวน์ ทำอย่างไร
150 html  css 


10
ทำไมจุดไข่ปลา CSS ไม่ทำงานในเซลล์ตาราง
ลองพิจารณาตัวอย่างต่อไปนี้: ( การสาธิตสดที่นี่ ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ผลลัพธ์คือ: width = 139และจุดไข่ปลาไม่ปรากฏขึ้น ฉันหายไปนี่อะไร
150 html  css  ellipsis 

8
วิธีการรับองค์ประกอบคลิก (สำหรับเอกสารทั้งหมด)?
ฉันต้องการรับองค์ประกอบปัจจุบัน (องค์ประกอบใดก็ตามที่เป็น) ในเอกสาร HTML ที่ฉันคลิก ฉันใช้: $(document).click(function () { alert($(this).text()); }); แต่แปลกมากฉันได้รับข้อความของเอกสารทั้งหมด (!) ไม่ใช่องค์ประกอบที่ถูกคลิก จะได้รับเฉพาะองค์ประกอบที่ฉันคลิกเท่านั้นได้อย่างไร ตัวอย่าง <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> หากฉันคลิกที่ข้อความ "test" ฉันต้องการอ่านแอตทริบิวต์ด้วย$(this).attr("myclass") ใน jQuery
150 javascript  jquery  html  dom 

5
หลังจากส่งแบบฟอร์ม POST ให้เปิดหน้าต่างใหม่เพื่อแสดงผลลัพธ์
คำขอโพสต์ JavaScript เช่นส่งแบบฟอร์มแสดงวิธีส่งแบบฟอร์มที่คุณสร้างผ่าน POST ใน JavaScript ด้านล่างคือรหัสที่แก้ไขแล้วของฉัน var form = document.createElement("form"); form.setAttribute("method", "post"); form.setAttribute("action", "test.jsp"); var hiddenField = document.createElement("input"); hiddenField.setAttribute("name", "id"); hiddenField.setAttribute("value", "bob"); form.appendChild(hiddenField); document.body.appendChild(form); // Not entirely sure if this is necessary form.submit(); สิ่งที่ฉันต้องการจะทำคือเปิดผลลัพธ์ในหน้าต่างใหม่ ฉันกำลังใช้สิ่งนี้เพื่อเปิดหน้าในหน้าต่างใหม่: onclick = window.open(test.html, '', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');
149 javascript  html  post 

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