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

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


5
เหตุใดฉันจึงไม่สามารถจัดระยะขอบ: 0 อัตโนมัติได้
ฉันมี#headerdiv ที่อยู่100% widthภายใน div นั้นฉันมีรายการที่ไม่เรียงลำดับ ฉันได้นำไปใช้margin: 0 autoกับรายการที่ไม่เรียงลำดับ แต่จะไม่อยู่กึ่งกลางภายใน div ส่วนหัว ใครช่วยบอกฉันทีว่าทำไม? ผมคิดว่าถ้าผมกำหนดความกว้างของ div margin: 0 autoแม่แล้วรายการเรียงลำดับควรจะสามารถไปยังศูนย์ตัวเองด้วย ฉันขาดอะไรไป? นี่คือรหัสของฉัน: <style> * { margin: 0; padding: 0; } #header { width: 100%; background-color: #333; min-height: 160px; font-family:Arial, Helvetica, sans-serif; } #sitename { font-size: 50px; width: 620px; margin:0 auto; padding-top: 35px; color:#999; …
130 html  css  margin 

10
ฉันจะจัดระเบียบการเยื้องของไฟล์ HTML ใน VI ได้อย่างไร
ฉันจะแก้ไขการเยื้องของไฟล์ html ขนาดใหญ่ของเขาที่ยุ่งเหยิงได้อย่างไร ฉันลองใช้"gg=Gคำสั่งปกติซึ่งเป็นสิ่งที่ฉันใช้เพื่อแก้ไขการเยื้องของไฟล์โค้ด อย่างไรก็ตามดูเหมือนว่าจะไม่ทำงานในไฟล์ HTML เพียงแค่ลบการจัดรูปแบบทั้งหมด ฉันยังลองตั้งค่า:filetype = xmlเพื่อดูว่าการหลอกให้คิดว่านี่เป็นไฟล์ XML จะช่วยได้หรือไม่ แต่ก็ยังไม่ทำ
130 html  vim  vi  indentation 

5
ข้อผิดพลาด: ไม่สามารถเรียกใช้งาน 'appendChild' บน 'Node': พารามิเตอร์ 1 ไม่ใช่ประเภท 'Node'
ฉันพยายามลากและวางรูปภาพบน div ภาพไม่ถูกลากไปยัง div และแสดงข้อผิดพลาดต่อไปนี้ Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.draganddrop.html:20 dropdraganddrop.html:26 ondrop รหัส <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Creativity Dashboard</title> <!-- Required CSS --> <link href="css/movingboxes.css" rel="stylesheet"> <link href="css/compare.css" rel="stylesheet"> <!--[if lt IE 9]> <link href="css/movingboxes-ie.css" rel="stylesheet" media="screen"> <![endif]--> …
130 javascript  html 

18
วิธีการโพสต์ / ส่งช่องทำเครื่องหมายอินพุตที่ปิดใช้งาน?
ฉันมีช่องทำเครื่องหมายที่จำเป็นต้องปิดใช้งานตามเงื่อนไขบางประการ ปรากฎว่า HTTP ไม่โพสต์อินพุตที่ปิดใช้งาน ฉันจะไปรอบ ๆ นั้นได้อย่างไร? การส่งอินพุตแม้ว่าจะปิดใช้งานและปิดใช้งานอินพุตอยู่หรือไม่
130 html  forms  html-input 


5
กระโดดสมอโดยใช้จาวาสคริปต์
ฉันมีคำถามที่จะพบบ่อยมาก ปัญหาคือไม่มีที่ไหนสามารถหาวิธีแก้ปัญหาที่ชัดเจนได้ ฉันมีปัญหาสองประการเกี่ยวกับแองเคอร์ เป้าหมายหลักคือการได้รับ url ที่สะอาดโดยไม่ต้องแฮชใด ๆ ในขณะที่ใช้จุดยึดเพื่อข้ามไปยังหน้าเว็บ ดังนั้นโครงสร้างของพุกคือ: <ul> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> </ul> <div class="wrap"> <a name="one">text 1</a> <a name="two">text 2</a> <a name="three" class="box">text 3</a> </div> โอเคถ้าคุณจะคลิกลิงค์ใดลิงค์หนึ่ง url จะเปลี่ยนเป็นโดยอัตโนมัติ www.domain.com/page#1 ในตอนท้ายควรเป็นเพียง: www.domain.com/page จนถึงตอนนี้ดีมาก ตอนนี้สิ่งที่สองคือเมื่อคุณค้นหาอินเทอร์เน็ตสำหรับปัญหานั้นคุณจะพบjavascriptวิธีแก้ปัญหา ฉันพบฟังก์ชันนี้แล้ว: function jumpto(anchor){ window.location.href = "#"+anchor; } และเรียกใช้ฟังก์ชันนั้นด้วย: <a onclick="jumpto('one');">One</a> อะไรจะเหมือนเดิม มันจะเพิ่มแฮชใน …

6
ฉันสามารถหลีกเลี่ยงโปรแกรมเล่นวิดีโอแบบเต็มหน้าจอที่มี HTML5 บน iPhone หรือ Android ได้หรือไม่
ฉันได้สร้างเว็บแอปที่ใช้แท็ก HTML5 และโค้ด JavaScript ที่แสดงเนื้อหาอื่น ๆ ที่ซิงโครไนซ์กับวิดีโอที่กำลังทำงานอยู่ ใช้งานได้ดีในเบราว์เซอร์เดสก์ท็อป: Firefox, Chrome และ Safari บน iPhone หรือ DroidX โปรแกรมเล่นวิดีโอเนทีฟจะปรากฏขึ้นและเข้าควบคุมหน้าจอจึงบดบังเนื้อหาไดนามิกอื่น ๆ ที่ฉันต้องการแสดงพร้อมกับวิดีโอ มีวิธีแก้ปัญหานี้หรือไม่? ถ้าจำเป็นฉันจะหาวิธีเขียนแอพเนทีฟสำหรับทั้งสองแพลตฟอร์มนั้น แต่มันจะช่วยฉันได้มากถ้าฉันสามารถใช้ HTML5 / JavaScript ได้

14
แท็ก HTML <sup /> มีผลต่อความสูงของบรรทัดจะทำให้สอดคล้องกันได้อย่างไร
หากฉันมี&lt;sup&gt;แท็กในแท็กแบบหลายบรรทัด&lt;p&gt;บรรทัดที่มีตัวยกจะมีระยะห่างระหว่างบรรทัดใหญ่กว่าบรรทัดอื่น ๆ โดยไม่คำนึงถึงความสูงของบรรทัดที่ฉันวางไว้บน&lt;p&gt;. แก้ไขเพื่อความกระจ่าง : ฉันไม่ได้หมายความว่าฉันมีจำนวนมาก&lt;p&gt;ซึ่งแต่ละอันอยู่ในบรรทัดเดียว ฉันมี&lt;p&gt;เนื้อหาเดียวที่มีเนื้อหาเพียงพอที่จะทำให้เกิดการตัดเป็นหลายบรรทัด บางแห่ง (ที่ใดก็ได้) ในข้อความอาจมี&lt;sup&gt;หรือ&lt;sub&gt;. สิ่งนี้มีผลต่อความสูงของบรรทัดสำหรับบรรทัดนั้นโดยการเพิ่มระยะห่างด้านบน / ด้านล่าง หากฉันตั้งค่าความสูงของเส้นที่ใหญ่กว่า&lt;p&gt;นี้จะไม่ทำให้เกิดความแตกต่างกับปัญหา ความสูงของเส้นจะเพิ่มขึ้น แต่ระยะห่างที่เพิ่มขึ้นยังคงอยู่ ฉันจะทำให้มันสอดคล้องกันได้อย่างไร - คือทุกบรรทัดมีระยะห่างเท่ากันไม่ว่าจะมี a &lt;sup&gt;หรือไม่? โซลูชันของคุณต้องเป็นแบบข้ามเบราว์เซอร์ (IE 6+, FF, safari, opera, chrome)

7
ใช้ลิงก์ปกติเพื่อส่งแบบฟอร์ม
ฉันต้องการส่งแบบฟอร์ม แต่ฉันไม่ได้ใช้วิธีพื้นฐานในการใช้ปุ่มป้อนข้อมูลกับประเภทการส่ง แต่เป็นลิงก์ ภาพด้านล่างแสดงสาเหตุ ฉันใช้ลิงก์รูปภาพเพื่อบันทึก / ส่งแบบฟอร์ม เนื่องจากฉันมีมาร์กอัป css มาตรฐานสำหรับลิงก์รูปภาพฉันไม่ต้องการใช้ปุ่มส่งอินพุต ฉันพยายามใช้onClick = "document.formName.submit ()"กับองค์ประกอบ แต่ฉันต้องการวิธี html ความคิดใด ๆ ?
130 html  css  forms  hyperlink  submit 

6
การเรียกโค้ด webpacked จากภายนอก (แท็กสคริปต์ HTML)
สมมติว่าฉันมีคลาสเช่นนี้ (เขียนด้วย typescript) และฉันรวมกับ webpack ไว้ในbundle.jsไฟล์. export class EntryPoint { static run() { ... } } ใน index.html ของฉันฉันจะรวมบันเดิลไว้ แต่ฉันก็อยากจะเรียกว่าวิธีการคงที่ &lt;script src="build/bundle.js"&gt;&lt;/script&gt; &lt;script&gt; window.onload = function() { EntryPoint.run(); } &lt;/script&gt; อย่างไรก็ตามEntryPointไม่ได้กำหนดไว้ในกรณีนี้ ฉันจะเรียกจาวาสคริปต์ที่รวมมาจากสคริปต์อื่นได้อย่างไร เพิ่ม : ไฟล์กำหนดค่าWebpack

5
วิธีส่งออบเจ็กต์ JSON โดยใช้ข้อมูลแบบฟอร์ม html
ดังนั้นฉันจึงมีรูปแบบ HTML นี้: &lt;html&gt; &lt;head&gt;&lt;title&gt;test&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;form action="myurl" method="POST" name="myForm"&gt; &lt;p&gt;&lt;label for="first_name"&gt;First Name:&lt;/label&gt; &lt;input type="text" name="first_name" id="fname"&gt;&lt;/p&gt; &lt;p&gt;&lt;label for="last_name"&gt;Last Name:&lt;/label&gt; &lt;input type="text" name="last_name" id="lname"&gt;&lt;/p&gt; &lt;input value="Submit" type="submit" onclick="submitform()"&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; วิธีใดเป็นวิธีที่ง่ายที่สุดในการส่งข้อมูลของฟอร์มนี้เป็นออบเจ็กต์ JSON ไปยังเซิร์ฟเวอร์ของฉันเมื่อผู้ใช้คลิกที่ส่ง อัปเดต: ฉันไปไกลถึงจุดนี้แล้ว แต่ดูเหมือนจะไม่ได้ผล: &lt;script type="text/javascript"&gt; function submitform(){ alert("Sending Json"); var xhr = new XMLHttpRequest(); xhr.open(form.method, form.action, …
130 javascript  jquery  html  json  forms 

9
ทำให้ <body> เต็มหน้าจอหรือไม่
ฉันใช้การไล่ระดับสีแบบรัศมีเป็นพื้นหลังบนหน้าเว็บของฉันเช่น: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); ใช้งานได้ แต่เมื่อเนื้อหาไม่เต็มหน้าการไล่ระดับสีจะถูกตัดออก ฉันจะทำให้&lt;body&gt;องค์ประกอบเติมทั้งหน้าได้อย่างไร?

12
บังคับให้เลื่อนตำแหน่งหน้าไปด้านบนที่รีเฟรชหน้าใน HTML
ฉันสร้างเว็บไซต์ที่ฉันกำลังเผยแพร่ด้วยdivs เมื่อฉันรีเฟรชหน้าเว็บหลังจากเลื่อนไปยังตำแหน่ง X แล้วโหลดหน้าด้วยตำแหน่งเลื่อนเป็น X ฉันจะบังคับให้เลื่อนหน้าเว็บไปที่ด้านบนของการรีเฟรชหน้าได้อย่างไร? สิ่งที่ฉันคิดว่าเป็นของ JS หรือ jQuery ทำงานเป็นonLoad()หน้าที่ของตลาดหลักทรัพย์เพื่อเลื่อนหน้าไปด้านบน แต่ฉันไม่รู้ว่าฉันจะทำสิ่งนั้นได้อย่างไร ตัวเลือกที่ดีจะถ้ามีเป็นทรัพย์สินบางส่วนหรือบางสิ่งบางอย่างที่จะได้หน้าเต็มไปด้วยเลื่อนตำแหน่งของมันเป็นค่าเริ่มต้น (คือที่ด้านบน) ซึ่งจะเป็นชนิดเช่นการโหลดหน้าแทนการรีเฟรชหน้า

14
แอตทริบิวต์ Html สำหรับ EditorFor () ใน ASP.NET MVC
ทำไมฉันจึงไม่สามารถผ่านใน html แอตทริบิวต์EditorFor()? เช่น; &lt;%= Html.EditorFor(model =&gt; model.Control.PeriodType, new { disabled = "disabled", readonly = "readonly" }) %&gt; ฉันไม่ต้องการใช้ข้อมูลเมตา อัปเดต : วิธีแก้ปัญหาคือการเรียกสิ่งนี้จากมุมมอง: &lt;%=Html.EditorFor( model =&gt; model.Control.PeriodEndDate, new {Modifiable=model.Control.PeriodEndDateModifiable})%&gt; และใช้ViewData["Modifiable"]ใน EditorTemplates / String.ascx ที่กำหนดเองของฉันโดยที่ฉันมีตรรกะมุมมองบางอย่างที่กำหนดว่าจะเพิ่มแอตทริบิวต์แบบอ่านอย่างเดียวและ / หรือปิดใช้งานให้กับอินพุตหรือไม่วัตถุที่ไม่ระบุชื่อที่ส่งผ่านเข้าไปEditorFor()เป็นพารามิเตอร์ที่เรียกadditionalViewDataและคุณสมบัติของมันจะถูกส่งไปยังเทมเพลตเอดิเตอร์ในViewDataชุด

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