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

W3C กล่าวว่ามีแอตทริบิวต์ใหม่ใน HTML5.1 เรียกว่าnonceสำหรับstyleและscriptที่สามารถนำมาใช้โดยนโยบายความปลอดภัยของเนื้อหาของเว็บไซต์ ฉัน googled เกี่ยวกับเรื่องนี้ แต่สุดท้ายก็ไม่เข้าใจว่าแอตทริบิวต์นี้ทำอะไรและมีการเปลี่ยนแปลงอะไรบ้างเมื่อใช้งาน

147 html  attributes  content-security-policy  nonce 

ข้อความธรรมดาของฉันไม่แสดงแถบแนวนอนเมื่อมีข้อความล้น มันตัดข้อความสำหรับบรรทัดใหม่ ดังนั้นฉันจะลบ wordwrap และแสดงแถบแนวนอนเมื่อข้อความล้นได้อย่างไร

146 html  textarea  word-wrap 

นี่คือ html คร่าวๆที่ฉันได้ทำงานกับ: <li class="par_cat"></li> <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> // this is the single element I need to select <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="sub_cat current_sub"></li> // this is where I need to start searching <li class="par_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> ฉันต้องการข้ามจาก.current_subหาสิ่งที่ใกล้เคียงที่สุดก่อนหน้านี้.par_catและทำสิ่งต่าง ๆ กับมัน .find("li.par_cat")ส่งคืนภาระทั้งหมดของ.par_cat(ฉันมีประมาณ 30 ในหน้า) ฉันต้องการเป้าหมายเดี่ยว …

146 jquery  html  traversal  tree-traversal 

ฉันมีเซลล์ตารางที่ฉันต้องการให้มีความกว้างเป็นพิเศษ อย่างไรก็ตามมันใช้ไม่ได้กับสตริงข้อความที่ไม่มีขนาดใหญ่ นี่คือกรณีทดสอบ: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ฉันจะทำให้ข้อความถูกตัดที่ขอบกล่องแทนที่จะขยายได้อย่างไร

146 html  css 

ฉันจะหา CSS เริ่มต้นของเบราว์เซอร์สำหรับองค์ประกอบ HTML ได้ที่ไหน องค์ประกอบ HTML จำนวนมากมาพร้อมกับคุณสมบัติ CSS เริ่มต้นซึ่งบางครั้งอาจส่งผลให้เกิดพฤติกรรมที่ไม่รู้จัก / ไม่พึงประสงค์ ตัวอย่างเช่นกล่องอินพุตจะแสดงแตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน ฉันกำลังมองหาสถานที่ที่ครอบคลุมคุณสมบัติ CSS3 ใหม่และองค์ประกอบ HTML5 ใหม่ ฉันเคยเห็นในคำถามอื่น ๆ (เก่ากว่า) (เช่นCSS สไตล์ชีตเริ่มต้นของเบราว์เซอร์ ) คำตอบที่แนะนำการแก้ปัญหาการรีเซ็ต CSS บางครั้งไม่ต้องการโซลูชันนี้บ่อยครั้งที่ฉันต้องการเก็บคุณสมบัติพื้นฐานบางอย่างไว้ (เช่นการเน้นกล่องใส่ข้อมูลใน Chrome) ในคำอื่น ๆ : ฉันไม่ต้องการที่จะกำจัดสิ่งเพียงเพราะผมไม่ทราบว่าสิ่งที่พวกเขาทำ ดังนั้นมีเว็บไซต์ที่สามารถให้ข้อมูลทั้งหมดนี้กับฉัน (หรืออาจมากที่สุด) ได้ไหม?

146 html  css  cross-browser 

ฉันเรียน CSS วิธีการใส่สไตล์และส่งปุ่มด้วย CSS? ฉันกำลังพยายามสร้างบางสิ่งเช่นนี้ แต่ฉันไม่รู้จะทำอย่างไร <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

ฉันมีตาราง HTML ที่มีหลายคอลัมน์และฉันจำเป็นต้องใช้ตัวเลือกคอลัมน์โดยใช้ jquery เมื่อผู้ใช้คลิกที่ช่องทำเครื่องหมายฉันต้องการซ่อน / แสดงคอลัมน์ที่เกี่ยวข้องในตาราง ฉันต้องการทำสิ่งนี้โดยไม่แนบคลาสกับทุก td ในตารางมีวิธีเลือกทั้งคอลัมน์โดยใช้ jquery หรือไม่? ด้านล่างเป็นตัวอย่างของ HTML <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> </table> <form> <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br /> <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br /> …

146 jquery  html  hide  html-table  show 

นี่คือการกำหนด * wrappable ทั้งหน้าในไฟล์ main.css /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } นี่คือหน้าทั้งหมด: <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" …

146 html  css  html-table 

สิ่งนี้อาจดูเหมือนเป็นล่อลวง แต่มั่นใจได้ว่าไม่ใช่ - ฉันได้ค้นหาทั้ง SO และส่วนที่เหลือของเว็บเพื่อหาคำตอบสำหรับปัญหาของฉันและจบลงด้วยการหาวิธีแก้ปัญหาที่ไม่เพียงพอเหมือนเดิม อย่างไรก็ตามมันจะไปที่นี่: ฉันบันทึกการป้อนข้อมูลของผู้ใช้จาก textarea ไปยังฐานข้อมูล MySQL (ภายในสภาพแวดล้อม WordPress แต่นั่นไม่น่าจะมีความสำคัญกับปัญหานี้ฉันเชื่อ) จะถูกเรียกคืนจากฐานข้อมูลเพื่อแสดงต่อผู้ดูแลระบบในส่วนหลังของไซต์ ปัญหาเกิดขึ้นเมื่อผู้ใช้ส่งข้อความที่มีตัวแบ่งบรรทัด (เช่นกดปุ่ม Enter) สตริงตัวอย่างอาจมีลักษณะเช่นนี้: Dear friends, I just wanted so Hello. How are you guys? I'm fine, thanks! Greetings, Bill ไม่มีจุดสิ้นสุดของอักขระบรรทัด ("\ n", "\ r" หรือสิ่งที่คล้ายกัน) ในสตริง ฉันใช้nl2br()มันเพื่อสร้างเอาต์พุต HTML แต่ยังไม่เพียงพอ ผลลัพธ์ก็คือ: Dear friends, I just …

146 php  html  replace  line-breaks  nl2br 

คุณดักเหตุการณ์การกดปุ่มหรือการกดปุ่มบนองค์ประกอบ DIV (โดยใช้ jQuery) ได้อย่างไร สิ่งที่จำเป็นในการให้ความสำคัญกับองค์ประกอบ DIV คืออะไร

146 javascript  jquery  html  scripting  keypress 

ฉันเป็นผู้ใช้ครั้งใหญ่ในการใช้เครื่องหมายอัญประกาศคู่ใน PHP เพื่อที่ฉันจะสามารถสอดแทรกตัวแปรได้มากกว่าการต่อสตริง ดังนั้นเมื่อฉันสร้าง HTML ฉันมักจะใช้อัญประกาศเดียวสำหรับการตั้งค่าเขตข้อมูลแท็ก ตัวอย่างเช่น: $html = "<input type='text' name='address' value='$address'>"; ตอนนี้มันอ่านได้ไกลกว่าฉันมาก $html = "<input type=\"text\" name=\"address\" value=\"$address\">"; หรือ $html = '<input type="text" name="address" values="' . $address . '">' ; จากการค้นหาสั้น ๆ ฉันได้ยินคนพูดว่าเบราว์เซอร์ทุกคำพูดเดียวไม่ได้รับการยอมรับ ดังนั้นฉันจึงสงสัยว่าเบราว์เซอร์ใดที่จะมีปัญหาในการจดจำคำพูด HTML เดี่ยว ๆ ?

146 html 

ฉันต้องสามารถแสดงแท็ก HTML บางส่วนภายใน textarea (เช่น <strong>, <i>, <u>, <a>) แต่ textareas ตีความเนื้อหาของพวกเขาเป็นข้อความเท่านั้น มีวิธีง่าย ๆ โดยไม่ต้องพึ่งพาไลบรารี / ปลั๊กอินภายนอก (ฉันใช้ jQuery) หรือไม่ ถ้าไม่คุณรู้จักปลั๊กอิน jQuery ใด ๆ ที่ฉันสามารถใช้ทำสิ่งนี้ได้หรือไม่?

146 javascript  jquery  html  textarea 

ฉันกำลังพยายามหาที่เก็บสีน้ำเงินตรงกลางของสีชมพู แต่ดูเหมือนว่าvertical-align: middle;จะไม่ทำงานในกรณีนั้น <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> ผลลัพธ์: ความคาดหวัง: กรุณาแนะนำว่าฉันจะบรรลุสิ่งนั้นได้อย่างไร Jsfiddle

146 html  css  vertical-alignment  absolute 

ฉันพยายามแสดงภาพ png ใน<button>องค์ประกอบใน HTML ปุ่มมีขนาดเดียวกับภาพและภาพจะปรากฏขึ้น แต่ด้วยเหตุผลบางประการไม่ได้อยู่ตรงกลางจึงไม่สามารถมองเห็นได้ทั้งหมด กล่าวอีกนัยหนึ่งก็คือดูเหมือนว่ามุมขวาบนของภาพจะอยู่ตรงกลางปุ่มไม่ใช่ที่มุมขวาบนของปุ่ม นี่คือรหัส HTML: <button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button> อัปเดต: สิ่งที่เกิดขึ้นจริงฉันคิดว่าเป็นปัญหาระยะขอบ ฉันได้ระยะขอบสองพิกเซลดังนั้นภาพพื้นหลังจึงหลุดออกจากปุ่ม ปุ่มและภาพที่มีขนาดเดียวกันซึ่งเป็นเพียง20pxดังนั้นจึงเห็นได้ชัดมาก ... ฉันพยายามmargin:0, padding:0แต่มันก็ไม่ได้ช่วย ...

146 html  css  image  button 

มีวิธีจับภาพเมื่อเนื้อหาของ iframe เต็มจากเพจหลักหรือไม่?

146 javascript  html  iframe  load  dhtml