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

5

Flexbox และ Internet Explorer 11 (display: flex in <html>?)

ฉันวางแผนที่จะย้ายออกจากรูปแบบ "floaty" และใช้ CSS flexbox สำหรับโครงการในอนาคต ฉันรู้สึกยินดีที่เห็นว่าเบราว์เซอร์หลัก ๆ ทั้งหมดในเวอร์ชันปัจจุบันดูเหมือนจะรองรับ flexbox (ไม่ทางใดก็ทางหนึ่ง) ฉันไปที่"แก้ไขโดย Flexbox"เพื่อดูตัวอย่างบางส่วน อย่างไรก็ตาม "Sticky ท้าย" ตัวอย่างที่ดูเหมือนจะไม่ทำงานใน Internet Explorer 11 ที่ผมเล่นรอบ bit และได้ไปทำงานโดยการเพิ่มdisplay:flexไป<html>และwidth:100%ไป<body> คำถามแรกของฉันคือใครช่วยอธิบายตรรกะนั้นให้ฉันฟังได้ไหม ฉันแค่เล่นตัวไปมาและมันได้ผล แต่ฉันไม่ค่อยเข้าใจว่าทำไมมันถึงได้ผลแบบนั้น ... จากนั้นจะมีตัวอย่าง "Media Object" ที่ใช้งานได้ในทุกเบราว์เซอร์ยกเว้น - คุณเดาได้ - Internet Explorer ฉันเล่นกับมันเหมือนกัน แต่ไม่ประสบความสำเร็จใด ๆ คำถามที่สองของฉันคือ: มีความเป็นไปได้ที่ "สะอาด" ที่จะทำให้ตัวอย่าง "Media Object" ทำงานใน Internet Explorer ได้หรือไม่

117 html css flexbox cross-browser

10

แอตทริบิวต์ alt ภาพพื้นหลัง CSS

นี่คือสิ่งที่ฉันไม่เคยต้องรับมือมาก่อน ฉันจำเป็นต้องใช้แท็ก alt กับรูปภาพทั้งหมดในไซต์รวมถึงแท็กที่ใช้โดยแอตทริบิวต์ภาพพื้นหลัง CSS ไม่มีคุณสมบัติ CSS แบบนี้เท่าที่ฉันรู้ดังนั้นวิธีที่ดีที่สุดในการดำเนินการนี้คืออะไร?

117 html css

4

จะรับค่าดิบในฟิลด์ <input type =“ number”> ได้อย่างไร

Наэтотвопросестьответына Stack Overflow нарусском : Получениенекорректногозначения input type = 'number' приизмененении ฉันจะรับค่า"จริง"ของ<input type="number">ฟิลด์ได้อย่างไร ฉันมีinputกล่องและฉันใช้ประเภทอินพุต HTML5 ที่ใหม่กว่าnumber: <input id="edQuantity" type="number"> ส่วนใหญ่รองรับใน Chrome 29: สิ่งที่ฉันต้องการตอนนี้คือความสามารถในการอ่านค่า"ดิบ"ที่ผู้ใช้ป้อนในช่องป้อนข้อมูล หากผู้ใช้ป้อนตัวเลข: แล้วedQuantity.value = 4และทุกอย่างก็เรียบร้อยดี แต่ถ้าผู้ใช้ป้อนข้อความที่ไม่ถูกต้องฉันต้องการให้ช่องป้อนข้อมูลเป็นสีแดง: น่าเสียดายสำหรับtype="number"ช่องป้อนข้อมูลหากค่าในกล่องข้อความไม่ใช่ตัวเลขvalueจะส่งคืนสตริงว่าง: edQuantity.value = "" (String); (ใน Chrome 29 เป็นอย่างน้อย) ฉันจะรับค่า"ดิบ"ของ<input type="number">คอนโทรลได้อย่างไร ฉันพยายามค้นหารายการคุณสมบัติอื่น ๆ ของช่องป้อนข้อมูลของ Chrome: ฉันไม่เห็นสิ่งใดที่คล้ายกับอินพุตจริง ฉันไม่สามารถหาวิธีที่จะบอกได้ว่ากล่องนั้น "ว่าง"หรือไม่ บางทีฉันอาจจะสรุปได้: value isEmpty Conclusion …

117 javascript html validation input

20

CSS: เปลี่ยน image src บน img: hover

ฉันจำเป็นต้องเปลี่ยน<img>URL hoverของแหล่งข้อมูลเกี่ยวกับ ฉันได้ลองแล้ว แต่ใช้ไม่ได้: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle ความช่วยเหลือใด ๆ จะได้รับการชื่นชม ปรับปรุง: ใช้งานได้กับ Webkit / Google Chrome เท่านั้น

117 html css

10

การเปลี่ยนแอตทริบิวต์สไตล์องค์ประกอบแบบไดนามิกโดยใช้ JavaScript

ฉันมีสไตล์ชีตบางอย่างสำหรับ div ตอนนี้ฉันต้องการแก้ไขแอตทริบิวต์หนึ่งของ div แบบไดนามิกโดยใช้ js ฉันจะทำได้อย่างไร? document.getElementById("xyz").style.padding-top = "10px"; ถูกต้องหรือไม่

117 javascript html css

5

วิธีแก้ข้อผิดพลาด PHP 'หมายเหตุ: การแปลงอาร์เรย์เป็นสตริงใน ... '

ฉันมีไฟล์ PHP ที่พยายามสะท้อน$_POSTและได้รับข้อผิดพลาดนี่คือรหัส: echo "<html>"; echo "<body>"; for($i=0; $i<5;$i++){ echo "<input name='C[]' value='$Texting[$i]' " . "style='background-color:#D0A9F5;'></input>"; } echo "</body>"; echo "</html>"; echo '<input type="submit" value="Save The Table" name="G"></input>' นี่คือรหัสสำหรับสะท้อน POST if(!empty($_POST['G'])){ echo $_POST['C']; } แต่เมื่อรหัสทำงานฉันได้รับข้อผิดพลาดเช่น: Notice: Array to string conversion in C:\xampp\htdocs\PHIS\FinalSubmissionOfTheFormPHP.php on line 8 ข้อผิดพลาดนี้หมายความว่าอย่างไรและฉันจะแก้ไขได้อย่างไร

117 php html

8

ฉันจะทำให้ปุ่ม HTML ไม่โหลดหน้าซ้ำได้อย่างไร

ฉันมีปุ่ม ( <input type="submit">) เมื่อคลิกแล้วหน้าจะโหลดซ้ำ เนื่องจากฉันมีhide()ฟังก์ชั่นjQuery บางอย่างที่เรียกใช้ในการโหลดหน้าจึงทำให้องค์ประกอบเหล่านี้ถูกซ่อนอีกครั้ง ฉันจะทำให้ปุ่มไม่ต้องทำอะไรได้อย่างไรดังนั้นฉันจึงยังสามารถเพิ่มการทำงานบางอย่างที่เกิดขึ้นเมื่อคลิกปุ่ม แต่ไม่สามารถโหลดหน้าซ้ำได้

117 html javascript-events button

16

ข้อความจุดไข่ปลาล้นสองบรรทัด

ฉันรู้ว่าคุณสามารถใช้กฎ CSS ร่วมกันเพื่อทำให้ข้อความลงท้ายด้วยจุดไข่ปลา (... ) เมื่อถึงเวลาที่จะล้น (ออกจากขอบเขตของผู้ปกครอง) เป็นไปได้ไหม (อย่าลังเลที่จะพูดว่าไม่) เพื่อให้ได้เอฟเฟกต์เดียวกัน แต่ให้ตัดข้อความมากกว่าหนึ่งบรรทัด นี่คือการสาธิต div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } อย่างที่คุณเห็นข้อความจะลงท้ายด้วยจุดไข่ปลาเมื่อกว้างกว่าความกว้างของ div อย่างไรก็ตามยังมีพื้นที่เพียงพอสำหรับข้อความที่จะตัดบรรทัดที่สองและดำเนินการต่อไป สิ่งนี้ถูกขัดจังหวะโดยwhite-space: nowrapซึ่งจำเป็นเพื่อให้จุดไข่ปลาทำงาน ความคิดใด ๆ ? PS: ไม่มีโซลูชัน JS CSS บริสุทธิ์ถ้าเป็นไปได้

117 html css

30

แท็ก HTML 5 <video> เทียบกับวิดีโอ Flash ข้อดีข้อเสียคืออะไร?

การอัปเดตที่สำคัญ คำถามนี้เกิดขึ้นเมื่อ 9 ปีที่แล้ว มันสมเหตุสมผลแล้วมันไม่ได้ทำให้ตอนนี้ แฟลชหาทางออกยาก <video>การสนับสนุนเป็นที่แพร่หลายรวมถึงอุปกรณ์เคลื่อนที่ เกือบทุกอย่างที่ Flash ทำได้ตอนนี้ HTML ก็ทำได้เช่นกัน HTML ชนะ Flash แพ้ หากคุณกำลังไตร่ตรองเกี่ยวกับวิธีการฝังวิดีโอในเพจของคุณให้ใช้<video>และอย่าคิดซ้ำ คำถามนี้เก็บรักษาไว้เพื่อคุณค่าทางประวัติศาสตร์เท่านั้น คำถามเดิม ดูเหมือนว่า<video>แท็กใหม่จะเป็นที่นิยมในทุกวันนี้โดยเฉพาะอย่างยิ่งเมื่อ Firefox รองรับ ข่าวนี้ปรากฏในบล็อกทั่วทุกที่และทุกคนดูจะตื่นเต้น แต่เรื่องอะไร? เท่าที่ฉันค้นหาฉันไม่พบสิ่งใดที่จะทำให้ดีไปกว่าวิดีโอ Flash แบบเก่า ๆ อันที่จริงฉันเห็น แต่ปัญหาเท่านั้น: ยังคงต้องใช้เวลาสักพักก่อนที่เบราว์เซอร์ทั้งหมดจะเริ่มรองรับและต้องใช้เวลาอีกมากก่อนที่คนส่วนใหญ่จะอัปเกรด แฟลชมีให้ใช้งานแล้วและทุกคนก็มี คุณสามารถจับคู่ Flash กับ UI แบบใดก็ได้ที่คุณต้องการเพื่อควบคุมการเล่น ฉันรวบรวมว่าแท็กจะสามารถควบคุมได้เช่นกัน (อาจจะผ่าน JavaScript) แต่จะสามารถแสดงผลแบบเต็มหน้าจอได้หรือไม่ ข้อดีสองประการสำหรับ<video>แท็กที่ฉันเห็นคือ: มันเป็น "ความหมาย" มากกว่า - ซึ่งอาจไม่มีความสำคัญกับคนจำนวนมากรวมทั้งฉันด้วย ไม่ได้ขึ้นอยู่กับเอนทิตีของบุคคลที่สามเชิงพาณิชย์รายเดียว (Adobe) ซึ่งฉันไม่เห็นว่าเป็นเหตุผลที่น่าสนใจในการเปลี่ยนเนื่องจากเครื่องเล่นฟรีและตัวแปลงวิดีโอมีให้ใช้งานแล้วและ …

116 flash video html

15

วิธีกำหนด maxlength บน textArea ใน HTML โดยใช้ JavaScript

ฉันต้องการฟังก์ชั่นบางอย่างที่ถ้าฉันเขียน <textarea maxlength="50"></textarea> <textarea maxlength="150"></textarea> <textarea maxlength="250"></textarea> มันจะกำหนดความยาวสูงสุดบน textArea โดยอัตโนมัติ ถ้าเป็นไปได้โปรดอย่าให้โซลูชันใน jQuery หมายเหตุ: สามารถทำได้ถ้าฉันทำสิ่งนี้: <textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"> function imposeMaxLength(Event, Object, MaxLen) { return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40)) } คัดลอกมาจากวิธีใดเป็นวิธีที่ดีที่สุดในการจำลองแอตทริบิวต์ "maxlength" อินพุต HTML บนพื้นที่ข้อความ HTML แต่ประเด็นคือฉันไม่ต้องการเขียน onKeyPress และ onKeyUp ทุกครั้งที่ฉันประกาศ textArea

116 javascript html textarea

6

มี CSS ที่ไม่เท่ากับตัวเลือกหรือไม่?

มีบางอย่างเช่น! = (ไม่เท่ากัน) ใน CSS หรือไม่? เช่นฉันมีรหัสต่อไปนี้: input { ... ... } แต่สำหรับบางอินพุตฉันจำเป็นต้องโมฆะสิ่งนี้ ฉันต้องการทำเช่นนั้นโดยการเพิ่มคลาส "รีเซ็ต" ลงในแท็กอินพุตเช่น <input class="reset" ... /> จากนั้นก็ข้ามแท็กนี้จาก CSS ฉันจะทำเช่นนั้นได้อย่างไร? วิธีเดียวที่ฉันเห็นคือเพิ่มคลาสบางส่วนในแท็กอินพุตและเขียน CSS ใหม่ดังนี้: input.mod { ... ... }

116 html css css-selectors

19

ตัวแก้ไข HTML5 แบบภาพหรือ IDE ที่ดี [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ดูเหมือนว่า Dreamweaver CS5 จะพยายามทำให้ HTML5 ราบรื่นขึ้นอีกสองสามปี (หลายสัปดาห์) ดูเหมือนว่าลำดับถัดไปจะถูกต้องสำหรับ Notepad! มีใครรู้จักโปรแกรมแก้ไข HTML5 ที่มีภาพ / ดูตัวอย่าง / สไตล์หรือไม่? คราสด้วย pluggin บ้างไหม (ดูเหมือนว่าตลาดจะขอทานเร็ว ๆ นี้) ขอบคุณ ...ยังไงซะ. ฉันรู้เกี่ยวกับ 'ไม่รองรับเบราว์เซอร์' ... 'ยังไม่เสร็จ' .. ฯลฯ นั่นไม่ใช่ปัญหาสำหรับเรา เรากำลังทำเว็บไซต์ Safari Only และการผลิตเพียงอย่างเดียวของ iPhone iAd ... ดังนั้นเราจึงรู้ว่าอะไรได้ผลในการใช้งานของเรา (ส่วนใหญ่เราใช้ …

116 ide editor html html-editor

8

วิธีแยกวิเคราะห์ RSS feed โดยใช้ JavaScript

ฉันต้องการแยกวิเคราะห์ฟีด RSS (XML เวอร์ชัน 2.0) และแสดงรายละเอียดที่แยกวิเคราะห์ในหน้า HTML

116 javascript html rss

16

วิธีปิดการใช้งาน CSS ในเบราว์เซอร์เพื่อการทดสอบ

มีวิธีใดบ้างที่ฉันสามารถปิดการใช้งาน CSS ภายนอกทั้งหมดในเบราว์เซอร์ (Firefox, Chrome ... ) เมื่อใช้การเชื่อมต่ออินเทอร์เน็ตที่ช้าลงบางครั้งเบราว์เซอร์จะโหลดเฉพาะ HTML เปล่าที่ไม่มีข้อมูล CSS ดูเหมือนว่าเพจจะถูกวางแบบดิบบนหน้าจอ คุณจะสังเกตเห็นสิ่งนี้กับ StackOverflow ด้วย ฉันต้องการตรวจสอบให้แน่ใจว่าหน้าเว็บของฉันปรากฏขึ้นแม้ว่าจะไม่ได้โหลดไฟล์ CSS ก็ตาม ฉันไม่ได้หมายความว่าฉันต้องการแปลง CSS ภายนอกเป็นแบบอินไลน์ แต่ฉันต้องการวิธีปิดการใช้งาน CSS ทั้งหมดอย่างชัดเจนจากเบราว์เซอร์เพื่อให้ฉันสามารถเปลี่ยนตำแหน่งองค์ประกอบของฉันได้ดีขึ้นและอ่านได้ ฉันรู้ว่าฉันสามารถลบรายการ <link rel = 'stylesheet'> ได้ แต่จะเกิดอะไรขึ้นถ้าฉันมีหน้าที่เชื่อมโยงจำนวนมาก

116 html css browser

5

มี CSS max-width ที่เทียบเท่ากับอีเมล HTML หรือไม่

ฉันกำลังพยายามสร้างอีเมล HTML ที่จะแสดงอย่างถูกต้องในโปรแกรมรับส่งเมลที่ใช้กันอย่างแพร่หลายทั้งหมด ฉันกำลังรวมอีเมลทั้งหมดไว้ในตารางและฉันต้องการให้มีความกว้างไม่เกิน 98% ของความกว้างที่มี แต่ไม่เกิน 800 พิกเซล แบบนี้: <table style="width:98%; max-width:800px;"> แต่ฉันไม่ได้ทำแบบนั้นเนื่องจากตาม Outlook 2007 นี้ไม่รองรับคุณสมบัติความกว้าง CSS ฉันกำลังทำสิ่งนี้แทน: <table width="98%"> มีวิธีใดบ้างในการตั้งค่าความกว้างสูงสุดโดยไม่ต้องอาศัย CSS?

116 html email html-email css

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