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

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


5
กลุ่มปุ่มตัวเลือกหลายกลุ่มในรูปแบบเดียว
เป็นไปได้ไหมที่จะมีกลุ่มปุ่มตัวเลือกหลายกลุ่มในรูปแบบเดียว? โดยปกติการเลือกปุ่มเดียวจะเป็นการยกเลิกการเลือกก่อนหน้านี้ฉันแค่ต้องยกเลิกการเลือกกลุ่มใดกลุ่มหนึ่ง <form> <fieldset id="group1"> <input type="radio" value=""> <input type="radio" value=""> </fieldset> <fieldset id="group2"> <input type="radio" value=""> <input type="radio" value=""> <input type="radio" value=""> </fieldset> </form>
113 html  forms  radio-group 

4
localStorage ถูกล้างเมื่อใด
ฉันสามารถคาดหวังว่าข้อมูลจะถูกเก็บไว้ใน localStorage ได้นานเท่าใด ข้อมูล localStorage ของผู้ใช้โดยเฉลี่ยจะยังคงอยู่นานเท่าใด หากผู้ใช้ไม่ล้างมันจะคงอยู่จนกว่าจะติดตั้งเบราว์เซอร์ใหม่หรือไม่ สิ่งนี้สอดคล้องกันในเบราว์เซอร์หรือไม่

9
ลบเส้นขอบออกจากปุ่ม
ฉันพยายามสร้างปุ่มและแทรกรูปภาพของตัวเองแทนรูปภาพปุ่มมาตรฐาน อย่างไรก็ตามเส้นขอบสีเทาจากปุ่มมาตรฐานยังคงปรากฏอยู่ด้านนอกของภาพปุ่มสีดำของฉัน ไม่มีใครรู้วิธีลบเส้นขอบสีเทานี้ออกจากปุ่มดังนั้นมันจึงเป็นเพียงภาพเท่านั้นเอง? ขอบคุณ.
113 html  css  button 

6
ความกว้างของฉลาก css ไม่มีผล
ฉันมีแบบฟอร์มทั่วไปซึ่งฉันต้องการจัดรูปแบบเพื่อจัดแนวป้ายกำกับและช่องป้อนข้อมูล ด้วยเหตุผลบางประการเมื่อฉันให้ความกว้างกับตัวเลือกฉลากไม่มีอะไรเกิดขึ้น: HTML: <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label for="id_report">Upload Report:</label> <input id="id_report" type="file" class="input-file" name="report"> </p> </form> CSS: #report-upload-form { background-color: #316091; color: #ddeff1; font-weight:bold; margin: 23px auto 0 auto; border-radius:10px; width: …
112 html  css  label 

2
เหตุใดวันที่และเวลาประเภทอินพุต HTML5 จึงถูกลบออกจากเบราว์เซอร์ที่รองรับอยู่แล้ว
ฉันสงสัยว่าทำไมเบราว์เซอร์ทั้งหมดเช่น Chrome เวอร์ชันที่สูงกว่า 26 ซึ่งเคยรองรับการป้อนข้อมูลจึงdatetimeลบออก ดูเหมือนจะซ้ำกับบทความนี้แต่บทความนั้นค่อนข้างมีอายุ ดูเหมือนว่า HTML WG จะชอบdatetime-local( w3c ) ด้านบนdatetime( w3c ) แต่ทำไม? ดูสิ่งนี้สำหรับไทม์ไลน์การพัฒนาฟีเจอร์ สิ่งที่คนอื่นพูด: ตามที่mobilexweb.comเลิกใช้งานใน iOS 'เนื่องจากดูเหมือนประเภทอินพุตวันที่และเวลามากเกินไป' ติดตาม Google Chrome ตอนนี้ Safari บน iOS ไม่รองรับประเภทอินพุตวันที่และเวลาอีกต่อไปและจะเปลี่ยนกลับเป็นข้อความ ประเภทนี้เลิกใช้แล้วในมาตรฐานเพื่อสนับสนุน datetime-local หรือใช้อินพุตวันที่และเวลาเพื่อวัตถุประสงค์เดียวกัน ปัญหาคือ datetime เข้ากันได้กับ iOS ตั้งแต่เวอร์ชัน 5.0 ถึง 6.1; หากคุณกำลังใช้งานโปรดระวัง! อะไรคือความแตกต่าง? ในกรณีที่datetime-localมีเพียงองค์ประกอบวันที่และเวลา แต่datetimeยังมีเขตเวลาด้วย สิ่งนี้มีประโยชน์เนื่องจากคุณอาจต้องการดำเนินการต่างออกไปเมื่อเขตเวลาของไคลเอ็นต์แตกต่างจากโซนเวลาของเซิร์ฟเวอร์ ทำไมเรื่องนี้? จะเกิดอะไรขึ้นถ้าหน้าเว็บถามว่าคุณต้องการให้ฉันโทรหาคุณเมื่อใดและผู้ใช้เลือก "พรุ่งนี้ 3 ทุ่ม" …

14
ขนาดสูงสุดขององค์ประกอบ <canvas>
ฉันกำลังทำงานกับองค์ประกอบผ้าใบที่มีความสูง600ถึง1000พิกเซลและมีความกว้างหลายสิบหรือหลายแสนพิกเซล อย่างไรก็ตามหลังจากจำนวนพิกเซลที่กำหนด (ไม่ทราบแน่ชัด) ผืนผ้าใบจะไม่แสดงรูปร่างที่ฉันวาดด้วย JS อีกต่อไป มีใครรู้บ้างว่ามีขีด จำกัด ? ทดสอบทั้งใน Chrome 12 และ Firefox 4
112 javascript  html  canvas 

4
แปลงข้อมูล json เป็นตาราง html [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีไลบรารี jQuery หรือ javascript ที่สร้างตารางไดนามิกที่ให้ข้อมูล json หรือไม่ ฉันไม่ต้องการกำหนดคอลัมน์ไลบรารีควรอ่านคีย์ในแฮช json และสร้างคอลัมน์ แน่นอนฉันสามารถทำซ้ำผ่านข้อมูล json และสร้างตาราง html ได้ ฉันแค่อยากรู้ว่ามีห้องสมุดที่สามารถนำมาใช้ซ้ำได้หรือไม่

9
วิธีที่ดีที่สุดในการจัดเก็บ JSON ในแอตทริบิวต์ HTML?
ฉันต้องการใส่ออบเจ็กต์ JSON ลงในแอตทริบิวต์ขององค์ประกอบ HTML HTML ไม่จำเป็นต้องตรวจสอบความถูกต้อง ตอบโดย Quentin: จัดเก็บ JSON ในdata-*แอตทริบิวต์ซึ่งเป็น HTML5 ที่ถูกต้อง ออบเจ็กต์ JSON อาจมีขนาดใดก็ได้เช่นใหญ่ ตอบโดย Maiku Mori: ขีด จำกัด สำหรับแอตทริบิวต์ HTML อาจเป็น 65536 ตัวอักษร จะเกิดอะไรขึ้นถ้า JSON มีอักขระพิเศษ เช่น {foo: '&lt;"bar/&gt;'} ตอบโดย Quentin: เข้ารหัสสตริง JSON ก่อนที่จะใส่ลงในแอตทริบิวต์ตามข้อตกลงทั่วไป สำหรับ PHP ใช้ฟังก์ชั่น htmlentities() แก้ไข - ตัวอย่างโซลูชันโดยใช้ PHP และ jQuery การเขียน JSON ลงในแอตทริบิวต์ …
112 javascript  php  html  json 

5
จะทำให้องค์ประกอบ <svg> ขยายหรือทำสัญญากับคอนเทนเนอร์หลักได้อย่างไร
เป้าหมายคือให้&lt;svg&gt;องค์ประกอบขยายถึงขนาดของคอนเทนเนอร์ระดับบนสุดในกรณีนี้&lt;div&gt;คือไม่ว่าคอนเทนเนอร์นั้นจะใหญ่หรือเล็กเพียงใด รหัส: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" y="0" width="100" height="100" /&gt; &lt;/svg&gt; &lt;/div&gt; วิธีแก้ปัญหาที่พบบ่อยที่สุดสำหรับปัญหานี้คือการตั้งค่าviewBoxแอตทริบิวต์ใน&lt;svg&gt;องค์ประกอบ viewBox="0 0 widthOfContainer heightOfContainer" อย่างไรก็ตามสิ่งนี้ดูเหมือนจะใช้ไม่ได้ในกรณีที่องค์ประกอบภายใน&lt;svg&gt;องค์ประกอบมีความกว้างและ / หรือความสูงที่กำหนดไว้ล่วงหน้า ตัวอย่างเช่น&lt;rect&gt;องค์ประกอบในโค้ดด้านบนมีการกำหนดความกว้างและความสูงไว้อย่างชัดเจน ดังนั้นวิธีแก้ปัญหาที่ชัดเจนคือการใช้% widths และ% height กับองค์ประกอบเหล่านั้นด้วย แต่สิ่งนี้ต้องทำหรือไม่? โดยเฉพาะอย่างยิ่งเนื่องจาก&lt;img src=test.svg &gt;ทำงานได้ดีและขยาย / สัญญาโดยไม่มีปัญหาใด ๆ กับ&lt;rect&gt;ความสูงและความกว้างที่ตั้งไว้อย่างชัดเจน หากองค์ประกอบเช่น&lt;rect&gt;และองค์ประกอบอื่น ๆ เช่นนั้นจะต้องมีความกว้างและความสูงกำหนดไว้เป็นเปอร์เซ็นต์มีวิธีใดบ้างใน …

4
CSS Progress Circle [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ค้นหาเว็บไซต์นี้เพื่อค้นหาแถบความคืบหน้า แต่สิ่งที่ฉันสามารถพบได้แสดงวงกลมที่เคลื่อนไหวได้เต็ม 100% ฉันต้องการให้หยุดที่เปอร์เซ็นต์บางอย่างเช่นในภาพหน้าจอด้านล่าง มีวิธีใดบ้างที่ฉันสามารถทำได้โดยใช้ CSS เพียงอย่างเดียว

30
จะตรวจจับได้อย่างไรเมื่อมีการคลิกยกเลิกในการป้อนไฟล์
ฉันจะตรวจจับได้อย่างไรเมื่อผู้ใช้ยกเลิกอินพุตไฟล์โดยใช้อินพุตไฟล์ html onChange ช่วยให้ฉันตรวจพบเมื่อพวกเขาเลือกไฟล์ แต่ฉันก็อยากทราบด้วยว่าพวกเขายกเลิกเมื่อใด (ปิดกล่องโต้ตอบเลือกไฟล์โดยไม่ต้องเลือกอะไรเลย)
112 html  file  input 

8
JQuery: 'Uncaught TypeError: Illegal invocation' ตามคำขอ ajax - หลายองค์ประกอบ
ฉันมีองค์ประกอบที่เลือกสองรายการคือ A และ B: เมื่อตัวเลือกที่เลือกของ A เปลี่ยนไปตัวเลือกของ B จะต้องได้รับการอัปเดตตามนั้น แต่ละองค์ประกอบใน A แสดงถึงองค์ประกอบหลายอย่างใน B ซึ่งเป็นความสัมพันธ์แบบหนึ่งต่อกลุ่ม (A ประกอบด้วยประเทศ B ควรมีเมืองที่ตั้งอยู่ในประเทศที่กำหนด) ฟังก์ชันdo_ajaxควรเรียกใช้คำขอแบบอะซิงโครนัส: function do_ajax(elem, mydata, filename) { $.ajax({ url: filename, context: elem, data: mydata, datatype: "html", success: function (data, textStatus, xhr) { elem.innerHTML = data; } }); } ในการอัปเดตตัวเลือกของ B ฉันได้เพิ่มการเรียกใช้ฟังก์ชันในonChangeเหตุการณ์ของ A นี่คือฟังก์ชันที่ทำงานเมื่อเหตุการณ์ …
112 html  ajax  jquery 

10
วิธีที่ดีที่สุดในการถอดแท็ก html จากสตริงในเซิร์ฟเวอร์ sql?
ฉันมีข้อมูลใน SQL Server 2005 ที่มีแท็ก html และฉันต้องการตัดส่วนนั้นออกทั้งหมดเหลือเพียงข้อความระหว่างแท็ก ยังเป็นการดีที่จะแทนที่สิ่งต่างๆเช่น&amp;lt;ด้วย&lt;ฯลฯ มีวิธีง่ายๆในการทำเช่นนี้หรือมีใครมีโค้ด t-sql ตัวอย่างแล้ว ฉันไม่มีความสามารถในการเพิ่ม procs ที่เก็บไว้เพิ่มเติมและสิ่งที่คล้ายกันดังนั้นจึงต้องการวิธี t-sql ที่บริสุทธิ์ (โดยเฉพาะอย่างยิ่งหนึ่งย้อนหลังเข้ากันได้กับ sql 2000) ฉันแค่ต้องการดึงข้อมูลด้วย html แบบถอดไม่ได้อัปเดตดังนั้นควรเขียนเป็นฟังก์ชันที่ผู้ใช้กำหนดเองเพื่อให้ง่ายต่อการนำมาใช้ใหม่ ตัวอย่างเช่นการแปลงสิ่งนี้: &lt;B&gt;Some useful text&lt;/B&gt;&amp;nbsp; &lt;A onclick="return openInfo(this)" href="http://there.com/3ce984e88d0531bac5349" target=globalhelp&gt; &lt;IMG title="Source Description" height=15 alt="Source Description" src="/ri/new_info.gif" width=15 align=top border=0&gt; &lt;/A&gt;&amp;gt;&amp;nbsp;&lt;b&gt;more text&lt;/b&gt;&lt;/TD&gt;&lt;/TR&gt; สำหรับสิ่งนี้: Some useful text &gt; more text

1
อะไรคือความแตกต่างระหว่างแอตทริบิวต์ที่ซ่อนอยู่ (HTML5) และ display: none rule (CSS)?
HTML5 มีแอตทริบิวต์ส่วนกลางใหม่hiddenซึ่งสามารถใช้เพื่อซ่อนเนื้อหาได้ &lt;article hidden&gt; &lt;h2&gt;Article #1&lt;/h2&gt; &lt;p&gt;Lorem ipsum ...&lt;/p&gt; &lt;/article&gt; CSS มีdisplay:noneกฎซึ่งสามารถใช้เพื่อซ่อนเนื้อหาได้ article { display:none; } ภาพเหมือนกัน ความแตกต่างทางความหมายคืออะไร? คำนวณ? ฉันควรพิจารณาแนวทางใดในการใช้อย่างใดอย่างหนึ่งเมื่อใด TIA. แก้ไข : จากการตอบสนองของ @ newtron (ด้านล่าง) ฉันทำการค้นหามากขึ้น ) อาจจะพยายามที่จะอ่านมัน ดังนั้นตอนนี้ฉันยอมรับว่าคำตอบของ @ newtron นั้นถูกต้องแม้ว่าอาจจะ (เนื้อหา) ไม่ชัดเจนเท่าที่ฉันต้องการ ขอบคุณ @newtron สำหรับความช่วยเหลือของคุณhiddenแอตทริบิวต์กล่าวได้รับการโต้แย้งอย่างมากเมื่อปีที่แล้วและ (ดูเหมือน) แทบจะไม่ทำให้เป็นข้อมูลจำเพาะของ HTML5 บางคนแย้งว่ามันซ้ำซ้อนและไม่มีจุดมุ่งหมาย จากสิ่งที่ฉันสามารถบอกได้การประเมินขั้นสุดท้ายคือ: หากฉันกำหนดเป้าหมายเฉพาะเว็บเบราว์เซอร์ก็ไม่มีความแตกต่าง (หน้าหนึ่งยืนยันว่าเว็บเบราว์เซอร์ใช้display:noneเพื่อใช้แอตทริบิวต์ที่ซ่อนอยู่) แต่ถ้าฉันกำลังพิจารณาความสามารถในการเข้าถึง (เช่นบางทีฉันคาดว่าเนื้อหาของฉันจะถูกอ่านโดยโปรแกรมอ่านหน้าจอ) ก็มีความแตกต่าง กฎ …
112 css  html  visibility 

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