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

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

17
ใช้ไอคอน Font Awesome ใน Placeholder
เป็นไปได้ไหมที่จะใช้ Font Awesome Icon ใน Placeholder ฉันอ่านแล้วว่าไม่อนุญาตให้ใช้ HTML ในตัวยึดตำแหน่ง มีวิธีแก้ปัญหาหรือไม่? placeholder="<i class='icon-search'></i>"
9
ReactJS:“ Uncaught SyntaxError: โทเค็นที่ไม่คาดคิด <”
ฉันกำลังพยายามเริ่มสร้างไซต์ใน ReactJS อย่างไรก็ตามเมื่อฉันพยายามใส่ JS ของฉันในไฟล์แยกต่างหากฉันเริ่มได้รับข้อผิดพลาดนี้: "Uncaught SyntaxError: Uncaught SyntaxError: Uncaught token &lt;" ฉันพยายามเพิ่ม/** @jsx React.DOM */ที่ด้านบนของไฟล์ JS แต่ก็ไม่ได้แก้ไขอะไร ด้านล่างนี้คือไฟล์ HTML และ JS มีความคิดว่าเกิดอะไรขึ้น? HTML &lt;html&gt; &lt;head&gt; &lt;title&gt;Page&lt;/title&gt; &lt;script src="http://fb.me/react-0.12.2.js"&gt;&lt;/script&gt; &lt;script src="http://fb.me/JSXTransformer-0.12.2.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/jquery-1.10.0.min.js"&gt; &lt;/script&gt; &lt;script src="./lander.js"&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="content"&gt;&lt;/div&gt; &lt;script type="text/jsx"&gt; React.render( &lt;Lander /&gt;, document.getElementById('content') ); &lt;/script&gt; &lt;/body&gt; …
13
ฉันจะลบไฟล์ออกจาก FileList ได้อย่างไร
ฉันกำลังสร้างโปรแกรมประยุกต์บนเว็บการลากและวางเพื่ออัปโหลดโดยใช้ HTML5 และฉันวางไฟล์ลงบน div และแน่นอนเรียกวัตถุ DataTransfer ซึ่งจะช่วยให้ฉันFileList ตอนนี้ฉันต้องการลบไฟล์บางไฟล์ออก แต่ฉันไม่รู้ว่าจะทำได้หรือไม่ ฉันต้องการเพียงแค่ลบออกจาก FileList ฉันไม่มีประโยชน์สำหรับพวกเขา แต่ถ้าเป็นไปไม่ได้ฉันควรเขียนเช็คในโค้ดที่โต้ตอบกับ FileList แทนหรือไม่ ดูเหมือนจะยุ่งยาก
8
“ เนื้อหาผสมถูกบล็อก” เมื่อเรียกใช้การดำเนินการ HTTP AJAX ในหน้า HTTPS
ฉันกำลังส่งแบบฟอร์ม (ผ่าน GET ตามที่ต้องการ) ไปยัง crm (ViciDial) ฉันสามารถส่งแบบฟอร์มได้สำเร็จ แต่ถ้าฉันทำเช่นนั้นไฟล์การประมวลผลที่ crm ก็จะสะท้อนข้อความแสดงความสำเร็จเพียงเท่านี้ แทนที่จะเป็นข้อความนั้นฉันต้องการแสดงหน้าขอบคุณบนเว็บไซต์ของฉันดังนั้นฉันจึงตัดสินใจใช้ AJAX เพื่อส่งแบบฟอร์มและเปลี่ยนเส้นทางไปยังหน้าที่ฉันต้องการ แต่ฉันได้รับข้อผิดพลาดนี้ในเบราว์เซอร์ของฉัน: เนื้อหาผสม: หน้าเว็บใน ' https://page.com ' ถูกโหลดผ่าน HTTPS แต่ขอปลายทาง XMLHttpRequest ที่ไม่ปลอดภัย " http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=data '. คำขอนี้ถูกบล็อก เนื้อหาต้องแสดงผ่าน HTTPS นี่คือสคริปต์ AJAX ของฉัน: &lt;script&gt; SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: …
111 javascript  php  jquery  html  ajax 
3
ฉันจะทำให้เลย์เอาต์ Flexbox ใช้พื้นที่แนวตั้ง 100% ได้อย่างไร
ฉันจะบอกได้อย่างไรว่าแถวเค้าโครง Flexbox ใช้พื้นที่แนวตั้งที่เหลืออยู่ในหน้าต่างเบราว์เซอร์ ฉันมีเลย์เอาต์ flexbox 3 แถว สองแถวแรกมีความสูงคงที่ แต่แถวที่ 3 เป็นแบบไดนามิกและฉันต้องการให้เบราว์เซอร์เติบโตจนเต็มความสูง ฉันมี flexbox อีกอันในแถวที่ 3 ซึ่งสร้างชุดคอลัมน์ หากต้องการปรับองค์ประกอบภายในคอลัมน์เหล่านี้อย่างถูกต้องฉันต้องการให้พวกเขาเข้าใจความสูงทั้งหมดของเบราว์เซอร์ - สำหรับสิ่งต่างๆเช่นสีพื้นหลังและการจัดแนวรายการที่ฐาน ในที่สุดเค้าโครงหลักจะมีลักษณะดังนี้: .vwrapper { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; //height: 1000px; } .vwrapper #row1 { background-color: red; } .vwrapper #row2 { background-color: blue; } .vwrapper …
111 html  css  flexbox 
4
จุดประสงค์ของแท็กฟอร์ม html คืออะไร
ฉันไม่เข้าใจจุดประสงค์ของแท็กแบบฟอร์มใน html ฉันสามารถใช้อินพุตประเภทใดก็ได้อย่างสมบูรณ์แบบโดยไม่ต้องใช้แท็กแบบฟอร์ม ดูเหมือนจะซ้ำซ้อนในการพันรอบอินพุต นอกจากนี้หากฉันใช้ ajax เพื่อเรียกเพจฝั่งเซิร์ฟเวอร์ฉันก็สามารถใช้ jQuery ได้ ข้อยกเว้นประการเดียวคือฉันสังเกตเห็นว่าคุณต้องห่อสคริปต์การอัปโหลดไว้รอบ ๆ แท็กแบบฟอร์มด้วยเหตุผลบางประการ เหตุใดแบบฟอร์มจึงยังคงใช้กันอย่างแพร่หลายสำหรับสิ่งง่ายๆเช่นอินพุตข้อความ? ดูเหมือนเป็นสิ่งที่คร่ำครึและไม่จำเป็นที่ต้องทำ ฉันไม่เห็นประโยชน์หรือความจำเป็นสำหรับมัน บางทีฉันอาจจะขาดอะไรไป
111 javascript  php  jquery  html  forms 
30
คุณลักษณะที่ซ่อนอยู่ของ HTML
ล็อค คำถามนี้และคำตอบถูกล็อกเนื่องจากคำถามไม่ตรงประเด็น แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ยังไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ HTML เป็นภาษาที่ใช้กันอย่างแพร่หลายมากที่สุด (อย่างน้อยก็เป็นภาษามาร์กอัป) ไม่ได้รับเครดิตตามกำหนด เมื่อพิจารณาว่ามีมาหลายปีแล้วสิ่งต่างๆเช่นการควบคุม FORM / INPUT ก็ยังคงเหมือนเดิมโดยไม่มีการเพิ่มการควบคุมใหม่ อย่างน้อยที่สุดจากคุณสมบัติที่มีอยู่คุณรู้จักคุณสมบัติใดบ้างที่ไม่เป็นที่รู้จักแต่มีประโยชน์มาก แน่นอนว่าคำถามนี้เป็นไปตาม: คุณลักษณะที่ซ่อนอยู่ของ JavaScript คุณลักษณะที่ซ่อนอยู่ของ CSS คุณลักษณะที่ซ่อนอยู่ของ C # คุณลักษณะที่ซ่อนอยู่ของ VB.NET คุณลักษณะที่ซ่อนอยู่ของ Java คุณลักษณะที่ ซ่อนอยู่ของคุณลักษณะที่ซ่อนอยู่ของ ASP.NET แบบคลาสสิกของ ASP.NET คุณลักษณะที่ซ่อนของ Python คุณลักษณะที่ซ่อนอยู่ของ TextPad คุณลักษณะที่ซ่อนของ Eclipse อย่าพูดถึงคุณลักษณะของ HTML 5.0 เนื่องจากอยู่ในร่างการทำงาน โปรดระบุหนึ่งคุณลักษณะต่อคำตอบ
8
เลือก HTML เปล่าโดยไม่มีรายการว่างในรายการแบบเลื่อนลง
วิธีใช้ subj? เมื่อฉันเขียน: &lt;form&gt; &lt;select&gt; &lt;option value="0"&gt;aaaa&lt;/option&gt; &lt;option value="1"&gt;bbbb&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; จากนั้นรายการที่เลือกเริ่มต้นคือ "aaaa" เมื่อฉันเขียน: &lt;form&gt; &lt;select&gt; &lt;option value=""&gt;&lt;/option&gt; &lt;option value="0"&gt;aaaa&lt;/option&gt; &lt;option value="1"&gt;bbbb&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; จากนั้นรายการที่เลือกเริ่มต้นจะว่างเปล่า แต่รายการว่างนี้จะแสดงในเมนูแบบเลื่อนลง ฉันจะติดตั้งแท็ก SELECT ด้วยค่าว่างเริ่มต้นที่ซ่อนอยู่ในรายการแบบเลื่อนลงได้อย่างไร
5
ซ้อนทับ div ทึบแสงบน youtube iframe
ฉันจะซ้อนทับ div ด้วยความทึบกึ่งโปร่งใสบนวิดีโอที่ฝัง iframe ของ youtube ได้อย่างไร &lt;iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"&gt;&lt;/iframe&gt; &lt;div id="overlay"&gt;&lt;/div&gt; CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; color:#fff; } แก้ไข (เพิ่มคำอธิบายเพิ่มเติม): HTML5 กำลังเข้ามาใกล้เราโดยมีอุปกรณ์ที่ใช้แทนแฟลชมากขึ้นเรื่อย ๆ ซึ่งทำให้การฝังวิดีโอ youtube ยุ่งยากโชคดีที่ youtube มี iFrame แบบฝังพิเศษที่จัดการปัญหาความเข้ากันได้ของการฝังวิดีโอทั้งหมด แต่ ตอนนี้วิธีการทำงานก่อนหน้านี้ในการวางซ้อนออบเจ็กต์วิดีโอด้วย div กึ่งโปร่งใสใช้ไม่ได้อีกต่อไปตอนนี้ฉันไม่สามารถเพิ่ม a …
110 html  css  iframe  youtube  overlay 
8
ค่า X-UA ไม่ถูกต้องสำหรับแอตทริบิวต์ http-equiv บนเมตาองค์ประกอบ
ฉันใช้แบบเดียวกับmetaที่ใช้ HTML5 Boilerplate และตัวตรวจสอบ HTML ของ W3C บ่นว่า: ค่า X-UA ไม่ถูกต้องสำหรับแอตทริบิวต์ http-equiv บนเมตาองค์ประกอบ &lt;meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'&gt; metaแท็กนี้มีอะไรผิดพลาด
16
การลบช่องว่างระหว่างองค์ประกอบ HTML เมื่อใช้ตัวแบ่งบรรทัด
ฉันมีหน้าที่มีแถวประมาณ 10 imgวินาที เพื่อให้อ่านได้ง่ายของ HTML ฉันต้องการใส่เส้นแบ่งระหว่างแต่ละimgแท็ก แต่การทำเช่นนั้นจะทำให้เกิดช่องว่างระหว่างรูปภาพซึ่งฉันไม่ต้องการ มีอะไรที่ฉันสามารถทำได้นอกเหนือจากทำลายตรงกลางแท็กแทนที่จะทำระหว่างแท็ก แก้ไข: นี่คือภาพหน้าจอของสิ่งที่ฉันมีจนถึงตอนนี้ ฉันต้องการให้ภาพกระดูกสันหลังของหนังสือแสดงในชุดค่าผสมแบบสุ่มโดยใช้ PHP นี่คือเหตุผลที่ฉันต้องการimgแท็กแยกต่างหาก
110 html  css  image 
11
วิธีการสร้าง Div ที่ไม่มีเนื้อหามีความกว้าง?
ฉันกำลังพยายามเพิ่มความกว้างให้กับ a divแต่ดูเหมือนว่าฉันจะประสบปัญหาเพราะไม่มีเนื้อหา นี่คือ CSS และ HTML ที่ฉันมีจนถึงตอนนี้ แต่ใช้งานไม่ได้: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML &lt;body&gt; &lt;div id="test"&gt; &lt;ul&gt; &lt;li&gt; &lt;div class="test1"&gt;width1&lt;/div&gt; &lt;div class="test1"&gt;width2&lt;/div&gt; &lt;div class="test1"&gt;width3&lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div class="test1"&gt;&lt;/div&gt; &lt;div class="test1"&gt;width2&lt;/div&gt; &lt;div class="test1"&gt;width3&lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div class="test1"&gt;&lt;/div&gt; …
110 html  css  width  css-float 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.