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

17

ฉันได้ค้นหาและค้นหา แต่ไม่พบวิธีแก้ปัญหาสำหรับความต้องการของฉัน ฉันมีตาราง HTML แบบธรรมดา ฉันต้องการมุมรอบสำหรับมันโดยไม่ต้องใช้ภาพหรือ JS เช่นบริสุทธิ์CSS เท่านั้น แบบนี้: มุมโค้งมนสำหรับเซลล์มุมและ1pxขอบหนาสำหรับเซลล์ จนถึงตอนนี้ฉันมีสิ่งนี้: table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 …

87 html css html-table rounded-corners

2

การเลือกองค์ประกอบที่มีแอตทริบิวต์ขึ้นต้นด้วยบางสิ่งใน XPath

ตามชื่อเรื่องเป็นไปได้หรือไม่ที่จะเลือกองค์ประกอบใน XPath ที่ขึ้นต้นด้วยสตริงที่แน่นอน แต่อาจไม่ได้ลงท้ายด้วยสิ่งเดียวกัน ตัวอย่างเช่นมี 3 องค์ประกอบจุดยึด: <a href="buy.php/onething"></a><a href="buy.php/twothing"></a><a href="sell.php/anotherthing"></a> ฉันต้องการรับองค์ประกอบจุดยึดที่ขึ้นต้นด้วย "buy.php /" เท่านั้น ฉันไม่คิดว่าสิ่งต่อไปนี้จะใช้ได้ผลหรือไม่: getByXPath("//a[@href='buy.php/']") ฉันจะทำเช่นนี้ได้อย่างไร?

87 java html xhtml xpath

6

แก้ไขส่วนท้ายใน Bootstrap

ฉันกำลังลองใช้Bootstrapและฉันสงสัยว่าฉันจะแก้ไขส่วนท้ายที่ด้านล่างได้อย่างไรโดยไม่ให้มันหายไปจากหน้าหากเนื้อหาถูกเลื่อน?

87 html css twitter-bootstrap footer

30

Angular2 - ช่องป้อนข้อมูลเพื่อยอมรับเฉพาะตัวเลข

ใน Angular 2 ฉันจะปิดบังช่องป้อนข้อมูล (กล่องข้อความ) เพื่อให้รับเฉพาะตัวเลขไม่ใช่ตัวอักษรได้อย่างไร ฉันมีอินพุต HTML ต่อไปนี้: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> อินพุตด้านบนเป็นอินพุตข้อความทั่วไปซึ่งอาจใช้เป็นฟิลด์ข้อความธรรมดาหรือฟิลด์ตัวเลขตัวอย่างเช่นเพื่อแสดงปี การใช้ Angular 2 ฉันจะใช้ตัวควบคุมอินพุตเดียวกันและใช้ตัวกรอง / มาสก์บางประเภทในฟิลด์นี้ได้อย่างไรเพื่อให้ยอมรับเฉพาะตัวเลข วิธีต่างๆที่ฉันสามารถทำได้คืออะไร? หมายเหตุ: ฉันต้องการบรรลุสิ่งนี้โดยใช้กล่องข้อความเท่านั้นและไม่ได้ใช้ประเภทหมายเลขอินพุต

87 html angular input angularjs-directive

4

ไม่สามารถเข้าใกล้ typescript enum ภายใน HTML

ฉันสร้าง enum ด้วย typescript เพื่อใช้ใน MyService.service.ts MyComponent.component.ts และ MyComponent.component.html export enum ConnectionResult { Success, Failed } ฉันสามารถรับและเปรียบเทียบตัวแปร enum ที่กำหนดได้อย่างง่ายดายจาก MyService.service.ts: this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } ฉันต้องการใช้ enum เพื่อเปรียบเทียบภายใน HTML ของฉันโดยใช้คำสั่ง * ngIf: <div *ngIf="result == ConnectionResult.Success; else failed"> <img src="../../assets/connection-success.png" height="300px" …

87 html angular typescript enums

8

ฉันจะวางแท็บ bootstrap ของ twitter ไว้ตรงกลางบนหน้าได้อย่างไร

ฉันใช้ twitter bootstrap เพื่อสร้างแท็บที่สลับได้ นี่คือ css ที่ฉันใช้: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> html นี้แสดงแท็บอย่างถูกต้อง แต่ดึงไปทางซ้าย (ซึ่งเป็นสิ่งที่ควรจะเกิดขึ้น) ฉันได้ลองปรับแต่ง CSS เพื่อให้แท็บอยู่ตรงกลางของหน้า แต่ยังไม่มีโชค ฉันคิดว่าคนที่มีประสบการณ์ css มากกว่าจะรู้วิธีทำสิ่งนี้ โปรดทราบว่ามีคำถามอื่นเกี่ยวกับการวางยา nav ไว้ตรงกลางซึ่งฉันได้ลองใช้แล้ว แต่ไม่ได้ผลกับแท็บ nav ธรรมดาเท่านั้น ขอบคุณ.

87 html css twitter-bootstrap

6

การเลือกคลาส css ด้วย xpath

ฉันต้องการเลือกเพียงชั้นเรียนในตัวเองที่เรียกว่า. วันที่ ด้วยเหตุผลบางประการฉันไม่สามารถทำงานนี้ได้ หากใครรู้ว่ารหัสของฉันผิดพลาดจะได้รับการชื่นชมมาก @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach ($images as $img) { echo $img." "; }

87 php html xml xpath web

9

องค์ประกอบแบบอินไลน์บล็อกสองชิ้นแต่ละชิ้นกว้าง 50% ไม่พอดีเคียงข้างกันในแถวเดียว

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ โค้ดด้านบนพยายามวาง #left div และ #right div เคียงข้างกันในแถวเดียว แต่อย่างที่คุณเห็นใน …

87 html css

4

สลับปุ่มตัวเลือก HTML โดยคลิกที่ป้ายกำกับ

โปรดมีวิธีง่ายๆในการสลับปุ่มตัวเลือก - เมื่อมีการคลิกข้อความใกล้ ๆ - โดยไม่ต้องแนะนำ Javascript Framework ขนาดใหญ่ในโครงการ PHP ขนาดเล็กของฉันหรือไม่? รูปแบบเว็บมีลักษณะดังนี้: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br /> <input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br /> <input type="radio" name="mode" value="delete">delete records (must …

87 javascript html radio-button

6

คลิกข้อความเพื่อเลือกปุ่มตัวเลือกที่เกี่ยวข้อง

ฉันกำลังสร้างเว็บแอปพลิเคชันแบบทดสอบโดยใช้ PHP แต่ละคำถามประกอบด้วยตัวเลือกที่แยกจากกัน<label>และมีทางเลือกที่เป็นไปได้ 4 ทางโดยใช้radio buttonsเพื่อให้ผู้ใช้เลือกคำตอบของตน HTML ปัจจุบันสำหรับคำถามเดียวมีลักษณะดังนี้: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> ฉันต้องการให้ผู้ใช้มีตัวเลือกในการคลิกที่ข้อความที่เกี่ยวข้องกับปุ่มตัวเลือก ตอนนี้ผู้ใช้สามารถคลิกที่ปุ่มตัวเลือกเท่านั้นซึ่งฉันพบว่าเป็นงานที่ค่อนข้างยุ่งยาก ฉันอ่านไม่สามารถเลือกตัวเลือกปุ่มตัวเลือกใดปุ่มหนึ่งโดยคลิกที่ข้อความตัวเลือกและคำแนะนำชี้ไปที่การทำให้forและidแอตทริบิวต์ของแท็กตรงกัน ฉันได้ทำสิ่งนี้แล้วก็ยังไม่ได้ผล คำถามของฉันคือฉันต้องการที่จะสามารถคลิกข้อความของ<input type="radio">วัตถุได้ซึ่งตรงข้ามกับการเลือกปุ่มตัวเลือกเองเท่านั้น ฉันรู้ว่าฉันเคยอ่านเกี่ยวกับเรื่องนี้มาก่อน แต่ดูเหมือนจะหาวิธีแก้ปัญหาของฉันไม่ได้ ความช่วยเหลือหรือข้อเสนอแนะใด ๆ ที่ชื่นชมมาก!

87 html css forms input radio-button

13

การสร้างเอฟเฟกต์การซูมให้กับภาพเมื่อวางเมาส์เหนือโดยใช้ CSS?

ขณะนี้ฉันกำลังพยายามสร้างเอฟเฟ็กต์การซูมโดยวางเมาส์เหนือรูปภาพหนึ่งในสี่ภาพของฉัน ปัญหาคือตัวอย่างส่วนใหญ่มักใช้ตารางหรือมาสก์ div เพื่อใช้เอฟเฟกต์บางประเภท นี่คือตัวอย่างหนึ่งที่ดำเนินการในสิ่งที่ฉันต้องการนี้ นี่คือรหัสของฉันจนถึงตอนนี้ HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png" alt=""> <img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png" alt=""> <img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png" alt=""> </div> CSS #menu { max-width: 1200px; text-align: center; margin: auto; } #menu img { width: 250px; height: 375px; padding: 0px 5px …

87 html class css

3

ออโต้โฟกัส =“ ออโต้โฟกัส” หรือออโต้โฟกัส?

ฉันดูเหมือนจะจำได้มากที่สุด (อาจจะทั้งหมด) คุณลักษณะในรุ่นก่อนหน้านี้ของ HTML (ก่อน HTML5) readonly="readonly"ที่จำเป็นคุณลักษณะที่จะมีค่าเช่น นี่เป็นความจริงสำหรับ HTML5 และautofocusแอตทริบิวต์หรือไม่

87 html autofocus

1

มีการเพิ่ม iframe แปลก ๆ ลงในแท็กร่างกายที่เรียกว่า "รูฟัส - แซนด์บ็อกซ์"

ฉันกำลังทำงานกับไซต์ WordPress ในพื้นที่และด้วยเหตุผลบางประการจึงมีการiframeเพิ่มหลังจากbodyแท็กเปิดซึ่งทำให้เนื้อหาดร็อปลงประมาณ 20px Google ส่งคืนผลลัพธ์ที่เกี่ยวข้องเพียง 1 รายการเมื่อทำการค้นหาและสิ่งที่ฉันอ่านมีไม่ได้ช่วยอะไรมาก มันสามารถพบได้ที่นี่ ไซต์ WordPress ไม่ได้ติดตั้งปลั๊กอินและการตั้งค่าให้display: none;ใช้งานไม่ได้ นี่คือภาพหน้าจอจาก Chrome เพื่อให้คุณเห็น:

87 html wordpress

7

อะไรคือความแตกต่างระหว่างวิธีการต่างๆในการใส่โค้ด JavaScript ใน <a>?

ฉันได้เห็นวิธีการต่อไปนี้ในการใส่โค้ด JavaScript ใน<a>แท็ก: function DoSomething() { ... return false; } <a href="javascript:;" onClick="return DoSomething();">link</a> <a href="javascript:DoSomething();">link</a> <a href="javascript:void(0);" onClick="return DoSomething();">link</a> <a href="#" onClick="return DoSomething();">link</a> ฉันเข้าใจแนวคิดในการพยายามใส่ URL ที่ถูกต้องแทนที่จะใส่โค้ด JavaScript ในกรณีที่ผู้ใช้ไม่ได้เปิดใช้งาน JavaScript แต่สำหรับจุดประสงค์ของการสนทนานี้ฉันต้องถือว่า JavaScript เปิดใช้งาน (พวกเขาไม่สามารถเข้าสู่ระบบได้หากไม่มี) โดยส่วนตัวแล้วฉันชอบตัวเลือกที่ 2 เพราะมันช่วยให้คุณเห็นว่าอะไรกำลังจะถูกเรียกใช้ - มีประโยชน์อย่างยิ่งเมื่อทำการดีบักที่มีการส่งผ่านพารามิเตอร์ไปยังฟังก์ชัน ฉันใช้มันมาพอสมควรและไม่พบปัญหาเกี่ยวกับเบราว์เซอร์ ฉันได้อ่านที่มีคนแนะนำ 4 เพราะมันทำให้ผู้ใช้มีลิงค์ที่แท้จริงเพื่อติดตาม แต่จริงๆ # ไม่ใช่ "ของจริง" มันจะไม่ไปไหนอย่างแน่นอน มีสิ่งที่ไม่รองรับหรือไม่ดีจริงๆเมื่อคุณรู้ว่าผู้ใช้เปิดใช้งาน JavaScript? …

87 javascript html href

6

อะไรที่ตรงข้ามกับ N nbsp?

87 html character line-breaks hyphenation

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