การเขียนโปรแกรม html

27

เพิ่มตัวแบ่งบรรทัดภายในคำแนะนำเครื่องมือ

จะเพิ่มตัวแบ่งบรรทัดภายในคำแนะนำเครื่องมือ HTML ได้อย่างไร ฉันพยายามใช้<br/>และ\nภายในคำแนะนำเครื่องมือดังนี้: <a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a> อย่างไรก็ตามนี่มันไร้ประโยชน์และฉันสามารถเห็นข้อความตัวอักษร<br/>และ\nในคำแนะนำเครื่องมือ ข้อเสนอแนะใด ๆ จะเป็นประโยชน์

170 html tooltip newline

9

การเพิ่มภาพพื้นหลังให้กับองค์ประกอบ <div>

เป็นไปได้ไหมที่จะทำให้<div>องค์ประกอบมีภาพพื้นหลังและถ้าเป็นเช่นนั้นฉันจะทำสิ่งนี้ได้อย่างไร

170 html

15

จะเลื่อนไปยังองค์ประกอบภายใน div ได้อย่างไร?

ฉันมีการเลื่อนdivและฉันต้องการที่จะมีลิงค์เมื่อฉันคลิกที่มันมันจะบังคับdivให้เลื่อนเพื่อดูองค์ประกอบภายใน ฉันเขียน JavasSript ของมันเช่นนี้: document.getElementById(chr).scrollIntoView(true); แต่สิ่งนี้จะเลื่อนหน้าทั้งหมดในขณะที่เลื่อนdivตัวเอง จะแก้ไขได้อย่างไร? ฉันอยากพูดแบบนั้น MyContainerDiv.getElementById(chr).scrollIntoView(true);

170 javascript html scroll

5

การห่อแท็กในรหัส VS ทำอย่างไร?

ฉันต้องการตัด HTML ที่เลือกไว้ภายในแท็กด้วยรหัส VS ฉันจะทำอย่างไร

170 html visual-studio-code

5

องค์ประกอบ jQuery ซ่อนในขณะที่รักษาพื้นที่ในรูปแบบหน้า

มีวิธีใน jQuery ที่ฉันสามารถซ่อนองค์ประกอบ แต่ไม่เปลี่ยน DOM เมื่อถูกซ่อนหรือไม่ ฉันซ่อนองค์ประกอบบางอย่าง แต่เมื่อมันถูกซ่อนองค์ประกอบด้านล่างจะเลื่อนขึ้น ฉันไม่ต้องการที่จะเกิดขึ้น ฉันต้องการพื้นที่ให้อยู่เดิม แต่องค์ประกอบที่จะแสดง / ซ่อนที่จะ ฉันจะทำสิ่งนี้ได้ไหม

169 jquery html

12

ส่วนหัวตาราง HTML มองเห็นได้เสมอที่ด้านบนของหน้าต่างเมื่อดูตารางขนาดใหญ่

ฉันต้องการ "ปรับแต่ง" งานนำเสนอของตาราง HTML เพื่อเพิ่มคุณสมบัติเดียว: เมื่อเลื่อนลงไปตามหน้าเพื่อให้ตารางอยู่บนหน้าจอ แต่แถวส่วนหัวอยู่นอกหน้าจอฉันต้องการให้ส่วนหัวอยู่ มองเห็นได้ที่ด้านบนของพื้นที่ดู นี่จะเป็นแนวคิดเหมือนกับคุณลักษณะ "หยุดบานหน้าต่าง" ใน Excel อย่างไรก็ตามหน้า HTML อาจมีหลายตารางและฉันต้องการให้เกิดขึ้นสำหรับตารางที่อยู่ในมุมมองปัจจุบันเท่านั้นในขณะที่อยู่ในมุมมอง หมายเหตุ: ฉันเห็นวิธีแก้ไขปัญหาหนึ่งที่พื้นที่ข้อมูลของตารางสามารถเลื่อนได้ในขณะที่ส่วนหัวไม่เลื่อน นั่นไม่ใช่ทางออกที่ฉันกำลังมองหา

169 html html-table

5

เหตุใดแท็ก <p> จึงไม่มีแท็ก <div> อยู่ข้างใน

เท่าที่ฉันรู้นี้ถูกต้อง: <div> <p>some words</p> </div> แต่นี่เป็นสิ่งที่ผิด: <p> <div>some words</div> </p> คนแรกสามารถผ่านการตรวจสอบ W3C (XHTML 1.0) แต่คนที่สองไม่สามารถ ฉันรู้ว่าไม่มีใครจะเขียนโค้ดเหมือนที่สอง ฉันแค่อยากรู้ว่าทำไม และความสัมพันธ์ของแท็กอื่น ๆ เกี่ยวข้องกับอะไรกัน?

169 html xhtml

6

`col-xs- *` ไม่ทำงานใน Bootstrap 4

ฉันไม่เคยพบสิ่งนี้มาก่อนและฉันมีเวลาที่ยากมากในการพยายามหาวิธีแก้ปัญหา เมื่อมีคอลัมน์เท่ากับสื่อใน bootstrap เช่น: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> การจัดแนวข้อความทำงานได้ดี: แต่เมื่อสร้างคอลัมน์เท่ากับขนาดเล็กพิเศษเช่น: <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> จากนั้นการจัดแนวข้อความจะไม่ทำงานอีกต่อไป: มีแนวคิด bootstrap บางอย่างที่ฉันไม่เข้าใจหรือเป็นจริงข้อผิดพลาดเช่นฉันคิดว่ามันเป็น ฉันไม่เคยมีปัญหานี้เนื่องจากข้อความของฉันสอดคล้องกับอดีตกับ xs เสมอ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก. นี่คือรหัสที่สมบูรณ์ของฉัน: <!DOCTYPE html> <html lang="en"> <head> <!-- …

169 html css twitter-bootstrap twitter-bootstrap-4 text-alignment

9

กวดวิชาที่ดีสำหรับการใช้ API ประวัติ HTML5 (Pushstate?) [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังมองหาการใช้ HTML5 History API เพื่อแก้ไขปัญหาการเชื่อมโยงเชิงลึกกับเนื้อหาที่โหลด AJAX แต่ฉันพยายามดิ้นรนเพื่อหลีกเลี่ยงปัญหา มีใครรู้แหล่งข้อมูลที่ดีบ้างไหม? ฉันต้องการใช้สิ่งนี้เนื่องจากเป็นวิธีที่ดีในการอนุญาตให้ผู้ที่ส่งลิงก์อาจไม่เปิด JS การแก้ปัญหาหลายอย่างล้มเหลวเมื่อผู้ที่มี JS ส่งลิงค์ถึงบุคคลที่ไม่มี การวิจัยเริ่มต้นของฉันดูเหมือนจะชี้ไปที่ History API ภายใน JS และวิธี pushState http://html5demos.com/history

168 javascript html pushstate html5-history

12

คลิกปุ่มทริกเกอร์

ฉันมีหน้าที่มีสองปุ่ม หนึ่งในนั้นคือ<button>องค์ประกอบและอื่น ๆ <input type="submit">ที่เป็น ปุ่มปรากฏขึ้นบนหน้าตามลำดับ หากฉันอยู่ในฟิลด์ข้อความที่ใดก็ได้ในแบบฟอร์มและกดเหตุการณ์<Enter>ขององค์ประกอบปุ่มclickจะเริ่มขึ้น ฉันคิดว่าเป็นเพราะองค์ประกอบปุ่มอยู่ก่อน ฉันไม่พบสิ่งใดที่ดูเหมือนเป็นวิธีที่เชื่อถือได้ในการตั้งค่าปุ่มเริ่มต้นและฉันไม่ต้องการที่จะทำเช่นนี้ ในกรณีที่ไม่มีสิ่งใดดีกว่าฉันจับปุ่มกดได้ทุกที่ในแบบฟอร์มและหากเป็น<Enter>กุญแจที่ถูกกดฉันจะลบล้างมัน: $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) เท่าที่ฉันสามารถบอกได้จนถึงตอนนี้ดูเหมือนว่ามันจะทำงานได้ แต่มันก็รู้สึกได้ถึงความแข็งแรงอย่างไม่น่าเชื่อ ไม่มีใครรู้เทคนิคที่ซับซ้อนมากขึ้นสำหรับการทำเช่นนี้? ในทำนองเดียวกันมีข้อผิดพลาดใด ๆ ในการแก้ไขปัญหานี้ที่ฉันเพิ่งไม่ทราบหรือไม่? ขอบคุณ

168 javascript jquery html forms enter

1

ประเภท mime ที่เหมาะสมสำหรับภาพ SVG ที่มีแบบอักษรฝังอยู่

นี่คือประเภท mime SVG ปกติ: image/svg+xml และมันใช้งานได้ดี อย่างไรก็ตามเมื่อฝังแบบอักษร SVG โครเมี่ยมจะบอกคุณว่าประเภท mime นั้นไม่ถูกต้องเพราะคุณส่งคืนแบบอักษรแทนภาพ มีประเภท mime สากลหรือไม่? ผิดหรือเปล่า? เป็นที่application/svg+xmlยอมรับอย่างใด ฉันเดาว่านี่ยังคงเป็นพื้นที่สีเทาใน HTML5 แต่บางคนที่นี่อาจรู้จัก

168 html svg font-face mime-types

6

เมื่อไอเท็ม flexbox ห่อในโหมดคอลัมน์คอนเทนเนอร์จะไม่เพิ่มความกว้าง

ฉันกำลังทำงานกับโครงร่าง flexbox ที่ซ้อนกันซึ่งควรทำงานดังนี้: ระดับนอกสุด ( ul#main) เป็นรายการแนวนอนที่ต้องขยายไปทางขวาเมื่อมีการเพิ่มรายการเข้าไปในรายการเพิ่มเติม ถ้ามันใหญ่เกินไปมันควรจะมีแถบเลื่อนแนวนอน #main { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; /* ...and more... */ } แต่ละรายการในรายการนี้ ( ul#main > li) มีส่วนหัว ( ul#main > li > h2) และรายการภายใน ( ul#main > li > ul.tasks) รายการด้านในนี้เป็นแนวตั้งและควรตัดเข้าไปในคอลัมน์เมื่อจำเป็น เมื่อตัดเป็นคอลัมน์เพิ่มเติมความกว้างควรเพิ่มเพื่อให้มีที่ว่างสำหรับรายการเพิ่มเติม การเพิ่มความกว้างนี้ควรใช้กับรายการที่มีของรายการด้านนอกด้วย .tasks { flex-direction: column; flex-wrap: …

168 html css flexbox

14

วิธีการตรวจสอบอินพุตที่สร้างขึ้นแบบไดนามิกโดยใช้ ng-repeat, ng-show (เชิงมุม)

ฉันมีตารางที่สร้างขึ้นโดยใช้ ng-repeat ฉันต้องการเพิ่มการตรวจสอบความถูกต้องของแต่ละองค์ประกอบในตาราง ปัญหาคือแต่ละอินพุตเซลล์มีชื่อเดียวกันกับเซลล์ด้านบนและด้านล่าง ฉันพยายามใช้{{$index}}ค่าเพื่อตั้งชื่ออินพุต แต่แม้ว่าตัวอักษรสตริงใน HTML จะปรากฏอย่างถูกต้อง แต่ตอนนี้ก็ใช้งานได้แล้ว นี่คือรหัสของฉัน ณ ตอนนี้: <tr ng-repeat="r in model.BSM "> <td> <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span> </td> </tr> ฉันได้ลองลบออก{{}}จากดัชนี แต่ไม่ได้ผล ณ ตอนนี้คุณสมบัติการตรวจสอบของอินพุตทำงานอย่างถูกต้อง แต่ข้อความแสดงข้อผิดพลาดไม่ปรากฏขึ้น ใครมีข้อเสนอแนะ? แก้ไข:นอกเหนือจากคำตอบที่ดีด้านล่างนี่คือบทความบล็อกที่ครอบคลุมปัญหานี้ในรายละเอียดเพิ่มเติม: http://www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

167 javascript html angularjs validation grid

4

ค่าที่ถูกต้องสำหรับแอตทริบิวต์ที่ปิดใช้งานคืออะไร

ค่าที่ถูกต้องสำหรับdisabledแอตทริบิวต์สำหรับ textbox หรือ textarea คืออะไร? ฉันเคยเห็นสิ่งต่อไปนี้เคยใช้มาก่อน: <input type="text" disabled /> <input type="text" disabled="disabled" /> <input type="text" disabled="true" />

167 html textbox textarea

5

ใน HTML5 การนำทางหลักควรอยู่ภายในหรือภายนอกองค์ประกอบ <header> หรือไม่

ใน HTML5 ฉันรู้ว่า<nav>สามารถใช้ได้ทั้งในและนอก<header>องค์ประกอบโฆษณาเสากระโดงของหน้า สำหรับเว็บไซต์ที่มีทั้งลูกศรรองและหลักดูเหมือนธรรมดาที่จะรวมนำทางรองเป็น<nav>องค์ประกอบภายในโฆษณาด้านบน<header>องค์ประกอบกับการนำหลักเป็น<nav>องค์ประกอบภายนอกโฆษณาด้านบน<header>องค์ประกอบ อย่างไรก็ตามหากเว็บไซต์ไม่มีการนำทางรองดูเหมือนว่าจะรวมการนำทางหลักไว้ใน<nav>องค์ประกอบภายใน<header>องค์ประกอบโฆษณาด้านบน ถ้าฉันทำตามตัวอย่างเหล่านี้โครงสร้างเนื้อหาของฉันจะขึ้นอยู่กับการรวมหรือแยกออกจากการนำทางรอง สิ่งนี้แนะนำการมีเพศสัมพันธ์ระหว่างเนื้อหาและสไตล์ที่รู้สึกไม่จำเป็นและไม่เป็นธรรมชาติ มีวิธีที่ดีกว่าหรือไม่เพื่อฉันจะไม่ย้ายการนำทางหลักจากภายในสู่ภายนอก<header>องค์ประกอบด้านบนที่อ้างอิงตามการรวมหรือแยกออกจากการนำทางรอง ตัวอย่างการนำทางหลักและรอง <header> <nav>  <ul> <li></li> </ul> </nav> <h1>Website Title</h1> </header> <nav>  <ul> <li></li> </ul> </nav> OnlineDegrees.orgเป็นเว็บไซต์ตัวอย่างที่ตามรูปแบบด้านบน ตัวอย่างการนำทางหลักเท่านั้น <header> <h1>Website Title</h1> <nav>  <ul> <li></li> </ul> …

167 html

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