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

5

สามารถกำหนดขนาดของกล่องข้อความอินพุตใน HTML ได้อย่างไร?

นี่คือกล่องข้อความป้อน HTML: <input type="text" id="text" name="text_name" /> อะไรคือตัวเลือกในการกำหนดขนาดของกล่อง? สิ่งนี้สามารถนำไปใช้ใน CSS ได้อย่างไร?

92 html css input

9

กำหนดเส้นขอบให้กับแถวตาราง HTML <tr>

เป็นไปได้ไหมที่จะขอบแถวตาราง<tr>ในคราวเดียวแทนที่จะให้เส้นขอบกับแต่ละเซลล์<td>เช่น <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;">&nbsp;</td> <td style="border-top: thin solid; border-bottom: thin solid;">&nbsp;</td> <td style="border-top: thin solid; …

92 html css border html-table

6

การนำเข้า ES2015 ไม่ทำงาน (แม้ในระดับบนสุด) ใน Firefox

นี่คือไฟล์ตัวอย่างของฉัน: <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js: import Test from 't2.js'; t2.js: export const Test = console.log("Hello world"); เมื่อฉันโหลดหน้าใน Firefox 46 มันจะส่งคืน "SyntaxError: การประกาศการนำเข้าอาจปรากฏที่ระดับบนสุดของโมดูลเท่านั้น" - แต่ฉันไม่แน่ใจว่าคำสั่งนำเข้าระดับบนสุดสามารถรับที่นี่ได้มากเพียงใด ข้อผิดพลาดนี้เป็นปลาเฮอริ่งแดงและยังไม่รองรับการนำเข้า / ส่งออกใช่หรือไม่

92 javascript html firefox ecmascript-6 es6-modules

18

เปลี่ยน "ไม่ได้เลือกไฟล์":

ฉันมีปุ่ม "เลือกไฟล์" ดังนี้ (ฉันใช้ Jade แต่ควรจะเหมือนกับ Html5): input(type='file', name='videoFile') ในเบราว์เซอร์ปุ่มนี้จะแสดงปุ่มที่มีข้อความอยู่ข้างๆ "ไม่ได้เลือกไฟล์" ฉันต้องการเปลี่ยนข้อความ "ไม่ได้เลือกไฟล์" เป็นอย่างอื่นเช่น "ไม่ได้เลือกวิดีโอ" หรือ "โปรดเลือกวิดีโอ" ฉันทำตามคำแนะนำแรกที่นี่: ฉันไม่ต้องการเห็น 'ไม่ได้เลือกไฟล์' สำหรับช่องป้อนไฟล์ แต่การทำเช่นนี้ไม่ได้เปลี่ยนข้อความ: input(type='file', name='videoFile', title = "Choose a video please") ใครช่วยฉันได้ไหมว่าปัญหาอยู่ที่ไหน

92 html button file-upload pug

6

ตำแหน่งที่แน่นอนภายในตำแหน่งที่แน่นอน

ฉันมี 3 divองค์ประกอบ อันดับ 1 divใหญ่กว่า (ห่อ) และมีposition:relative; divตำแหน่งที่2 อยู่ในตำแหน่งสัมบูรณ์กับdivตำแหน่งสัมพัทธ์ที่1 (และรวมอยู่ในตำแหน่งที่ 1 div) อันดับ 3 divอยู่ในอันดับ 2 divและยังมีตำแหน่งที่แน่นอน <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> เหตุใดdivตำแหน่งที่ 3 จึงเป็นค่าสัมบูรณ์กับตำแหน่งที่ 2 div(ซึ่งเป็นตำแหน่งที่แน่นอนกับตำแหน่งที่ 1 div) และdivตำแหน่งที่1 จึงมีตำแหน่งสัมพันธ์ เพราะที่ 3 divคือการวางตำแหน่งที่แน่นอนที่จะ div2

92 html css css-position

8

วิธีซ่อนไอคอน“ ไม่พบรูปภาพ” แบบเงียบ ๆ เมื่อไม่พบรูปภาพต้นฉบับของ src

คุณรู้วิธีซ่อนไอคอน"ไม่พบรูปภาพ"แบบคลาสสิกจากหน้า HTML ที่แสดงผลเมื่อไม่พบไฟล์รูปภาพหรือไม่ วิธีการทำงานใด ๆ โดยใช้ JavaScript / jQuery / CSS?

92 javascript jquery html css image

9

HTML ลากและวางบนอุปกรณ์มือถือ

เมื่อคุณเพิ่มการลากและวางลงในหน้าเว็บโดยใช้ JavaScript เช่น jQuery UI ที่ลากได้และลากเลื่อนได้คุณจะทำให้สิ่งนี้ทำงานได้อย่างไรเมื่อดูผ่านเบราว์เซอร์บนอุปกรณ์มือถือซึ่งการกระทำบนหน้าจอสัมผัสสำหรับการลากจะถูกขัดขวางโดย โทรศัพท์สำหรับเลื่อนไปรอบ ๆ หน้า ฯลฯ ? ยินดีต้อนรับโซลูชันทั้งหมด ... ความคิดเริ่มต้นของฉันคือ: มีปุ่มสำหรับอุปกรณ์เคลื่อนที่ที่ "ยก" รายการที่จะลากจากนั้นให้พวกเขาคลิกโซนที่ต้องการวางรายการนั้น เขียนแอปที่ทำสิ่งนี้สำหรับอุปกรณ์มือถือแทนที่จะพยายามทำให้หน้าเว็บทำงานได้! ข้อเสนอแนะและความคิดเห็นของคุณโปรด

92 javascript html jquery-ui mobile-devices

6

IFrame และ Frame แตกต่างกันอย่างไร

เมื่อดูตัวเลือกสำหรับการฝังหน้า 3D Secure ในแบบฟอร์มคำสั่งซื้อของฉันฉันพบสิ่งต่อไปนี้: "ไซต์การค้าบางแห่งจะใช้หน้าเบราว์เซอร์แบบเต็มในการตรวจสอบสิทธิ์แทนที่จะใช้เฟรม (ไม่จำเป็นต้องเป็น iFrame ซึ่งเป็นวัตถุที่มีความปลอดภัยน้อยกว่า)" จากhttp://en.wikipedia.org/wiki/3-D_Secure ใครช่วยบอกฉันหน่อยได้ไหมว่าทำไม iframe ถึงมีความปลอดภัยน้อยกว่าและทำให้เกิดปัญหาเมื่อเทียบกับเฟรมปกติ และอะไรคือความแตกต่างพื้นฐาน? วิธีที่ฉันเห็นiframeคือหนทางที่จะไป

92 html iframe frame

4

เล่นวิดีโอ HTML5 อัตโนมัติบน iPhone

ฉันมีปัญหาแปลก ๆ ฉันพยายามสร้างเว็บไซต์ด้วยวิดีโอพื้นหลังแบบวนซ้ำ รหัสมีลักษณะดังนี้: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด สิ่งนี้ทำงานได้ดีอย่างสมบูรณ์บนเบราว์เซอร์ส่วนใหญ่ (IE ต่อสู้กับสิ่งที่พอดีกับวัตถุนี้ แต่ฉันไม่รังเกียจ) แต่บน iPhone วิดีโอจะไม่เล่นอัตโนมัติ แต่บน iPad ก็ทำได้ ฉันอ่านนโยบายใหม่สำหรับ iOSแล้วและฉันคิดว่ามีคุณสมบัติตรงตามข้อกำหนด (มิฉะนั้น iPad จะไม่เล่นอัตโนมัติ) ฉันทำการทดสอบอื่น ๆ : การลบการซ้อนทับ Divs จะไม่สามารถแก้ไขได้ การลบ z-index จะไม่สามารถแก้ไขได้ Wifi หรือ Cellular ไม่ได้สร้างความแตกต่าง ขนาดไฟล์วิดีโอก็ไม่ได้สร้างความแตกต่างเช่นกัน ฉันทำผิดหรือว่า iPhone ไม่เล่นวิดีโออัตโนมัติและต้องมีการโต้ตอบเสมอไป? ฉันสนใจเฉพาะ iOS …

92 ios html video webkit autoplay

7

AngularJS ng-repeat โดยไม่มีองค์ประกอบ html

ฉันกำลังใช้โค้ดชิ้นนี้เพื่อแสดงรายการ: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> อย่างไรก็ตาม<div>องค์ประกอบดังกล่าวก่อให้เกิดข้อบกพร่องในการแสดงผลเล็กน้อยในบางเบราว์เซอร์ ฉันอยากทราบว่ามีวิธีทำ ng-repeat โดยไม่ใช้ div container หรือวิธีอื่นเพื่อให้ได้ผลเช่นเดียวกัน

91 javascript css html angularjs

8

PostMessage ข้ามต้นทางเสียใน IE10 หรือไม่

ฉันกำลังพยายามสร้างpostMessageตัวอย่างงานเล็กน้อย... ใน IE10 ระหว่างหน้าต่าง / แท็บ (เทียบกับ iframes) ข้ามต้นกำเนิด ลบเงื่อนไขใด ๆ เหล่านี้ออกและสิ่งต่างๆก็ใช้ได้ดี :-) แต่เท่าที่ฉันสามารถบอกได้ว่าระหว่างหน้าต่างpostMessageดูเหมือนจะทำงานใน IE10 เท่านั้นเมื่อทั้งสองหน้าต่างแชร์จุดเริ่มต้น (ในความเป็นจริง - และแปลก - พฤติกรรมนั้นอนุญาตมากกว่านั้นเล็กน้อย: สองต้นกำเนิดที่แตกต่างกันที่แบ่งปันโฮสต์ดูเหมือนจะทำงานได้เช่นกัน) นี่เป็นข้อบกพร่องที่มีการบันทึกไว้หรือไม่ วิธีแก้ปัญหาหรือคำแนะนำอื่น ๆ ? (หมายเหตุ: คำถามนี้เกี่ยวข้องกับปัญหา แต่คำตอบคือเกี่ยวกับ IE8 และ IE9 ไม่ใช่ 10) รายละเอียดเพิ่มเติม + ตัวอย่าง ... หน้าตัวเรียกใช้การสาธิต <!DOCTYPE html> <html> <script> window.addEventListener("message", function(e){ console.log("Received message: ", e); }, …

91 html cross-browser compatibility internet-explorer-10 postmessage

5

การเปิด / ปิดแท็กและประสิทธิภาพ?

นี่อาจเป็นคำถามโง่ ๆ แต่ในฐานะคนที่ค่อนข้างใหม่กับ PHP ฉันสงสัยว่ามีปัญหาเกี่ยวกับประสิทธิภาพในการเปิดและปิดแท็ก PHP ในโค้ดเทมเพลต HTML บ่อยๆหรือไม่และหากเป็นเช่นนั้นแนวทางปฏิบัติที่ดีที่สุดในแง่ใดบ้าง ในการทำงานกับแท็ก PHP? คำถามของฉันไม่ได้เกี่ยวกับความสำคัญ / ความถูกต้องของแท็กปิดหรือเกี่ยวกับประเภทของโค้ดที่อ่านได้มากกว่าอีกประเภทหนึ่ง แต่เกี่ยวกับวิธีการแยกวิเคราะห์ / ดำเนินการของเอกสารและผลกระทบที่อาจมีต่อประสิทธิภาพ เพื่อเป็นตัวอย่างให้พิจารณาสองขั้วต่อไปนี้: การผสมแท็ก PHP และ HTML: <?php echo '<tr> <td>'.$variable1.'</td> <td>'.$variable2.'</td> <td>'.$variable3.'</td> <td>'.$variable4.'</td> <td>'.$variable5.'</td> </tr>' ?> // PHP tag opened once การแยกแท็ก PHP และ HTML: <tr> <td><?php echo $variable1 ?></td> <td><?php echo $variable2 ?></td> …

91 php html performance templates tags

5

ตรวจจับเหตุการณ์เมื่อคุณสมบัติ css เปลี่ยนโดยใช้ Jquery

มีวิธีตรวจสอบว่าคุณสมบัติ css "display" ขององค์ประกอบมีการเปลี่ยนแปลงหรือไม่ (ไม่ว่าจะไม่มีหรือบล็อกหรือบล็อกแบบอินไลน์ ... ) ถ้าไม่มีปลั๊กอินใด ๆ ขอบคุณ

91 javascript jquery html

8

HTML: การเปลี่ยนสีของคำเฉพาะในสตริงข้อความ

ฉันมีข้อความด้านล่าง (เปลี่ยนแปลงเล็กน้อย): "เข้าร่วมการแข่งขันภายในวันที่ 30 มกราคม 2011 และคุณสามารถชนะได้มากถึง $$$$ - รวมถึงทริปฤดูร้อนที่น่าตื่นตาตื่นใจ!" ปัจจุบันฉันมี: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> กำลังจัดรูปแบบสตริงข้อความ แต่ต้องการเปลี่ยนสีของ "30 มกราคม 2011" เป็น # FF0000 และ "summer" เป็น # 0000A0 ฉันจะทำสิ่งนี้อย่างเคร่งครัดกับ HTML หรือ inline CSS ได้อย่างไร

91 html css text colors inline

7

รูปแบบรายการเริ่มต้น (CSS) คืออะไร?

บนเว็บไซต์ของฉันฉันใช้ reset.css มันเพิ่มสิ่งนี้ให้กับรูปแบบรายการ: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, …

91 html css html-lists

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