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

ฉันต้องการสร้าง PDF โดยส่งเนื้อหา HTML ไปยังฟังก์ชัน ฉันใช้ iTextSharp สำหรับสิ่งนี้ แต่มันทำงานได้ไม่ดีเมื่อพบกับตารางและเลย์เอาต์ก็ยุ่งเหยิง มีวิธีที่ดีกว่า?

425 c#  html  pdf  itextsharp 

เมื่อเร็ว ๆ นี้ฉันได้ทำป๊อปอัปหน้าต่างโมดอลมากมายและอะไรที่ฉันใช้ jQuery วิธีการที่ฉันใช้ในการสร้างองค์ประกอบใหม่บนหน้าเว็บนั้นมีมากมายตามแนวของ: $("<div></div>"); อย่างไรก็ตามฉันรู้สึกว่านี่ไม่ใช่วิธีที่ดีที่สุดหรือมีประสิทธิภาพมากที่สุดในการทำเช่นนี้ อะไรคือวิธีที่ดีที่สุดในการสร้างองค์ประกอบใน jQuery จากมุมมองประสิทธิภาพ คำตอบนี้มีเกณฑ์มาตรฐานสำหรับคำแนะนำด้านล่าง

425 javascript  jquery  html  dom 

เมื่อใช้xhtml1-transitional.dtddoctype ให้รวบรวมหมายเลขบัตรเครดิตด้วย HTML ต่อไปนี้ <input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/> จะตั้งค่าสถานะคำเตือนในเครื่องมือตรวจสอบ W3C: ไม่มีแอตทริบิวต์ "เติมข้อความอัตโนมัติ" มีวิธี W3C / มาตรฐานในการปิดการใช้งานเบราว์เซอร์โดยอัตโนมัติในเขตข้อมูลที่สำคัญในแบบฟอร์มหรือไม่?

424 html  standards  forms  w3c 

ฉันต้องการใช้ flexbox เพื่อจัดแนวเนื้อหาบางส่วนในแนวตั้ง<li>แต่ไม่ประสบความสำเร็จ ฉันตรวจสอบออนไลน์แล้วและบทเรียนจำนวนมากใช้ div wrapper ซึ่งได้รับalign-items:centerจากการตั้งค่าแบบยืดหยุ่นบนแม่ แต่ฉันสงสัยว่าเป็นไปได้ไหมที่จะตัดองค์ประกอบเพิ่มเติมนี้ออกไป ฉันเลือกที่จะใช้ flexbox %ในกรณีนี้เป็นความสูงของรายการจะเป็นแบบไดนามิก * { padding: 0; margin: 0; } html, body { height: 100%; } ul { height: 100%; } li { display: flex; justify-content: center; align-self: center; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul> …

424 html  css  flexbox 

ฉันทำแคตตาล็อกโดยใช้ Bootstrap 3 เมื่อแสดงบนแท็บเล็ตภาพผลิตภัณฑ์ดูน่าเกลียดเพราะขนาดเล็ก (500x500) และความกว้าง 767 พิกเซลในเบราว์เซอร์ ฉันต้องการที่จะวางภาพในใจกลางของหน้าจอ แต่ด้วยเหตุผลบางอย่างที่ฉันไม่สามารถ ใครจะเป็นผู้ช่วยแก้ปัญหา?

423 html  css  image  twitter-bootstrap  alignment 

ฉันจะตั้งค่า<table>ความกว้าง 100% และวางไว้ในการ<tbody>เลื่อนแนวตั้งเฉพาะสำหรับความสูงได้อย่างไร table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> <th>Head 4</th> <th>Head 5</th> </tr> </thead> <tbody> <tr> <td>Content 1</td> <td>Content 2</td> …

423 html  css  vertical-scrolling 

สมมติว่าคุณไม่ต้องการให้เว็บไซต์อื่น ๆ "ใส่เฟรม" ไซต์ของคุณใน<iframe>: <iframe src="http://example.org"></iframe> ดังนั้นคุณจึงใส่ JavaScript ป้องกันการวางเฟรมลงในหน้าเว็บของคุณทั้งหมด: /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } ยอดเยี่ยม ตอนนี้คุณ "หยุด" หรือแยกออกจาก iframe ใด ๆ ที่มีโดยอัตโนมัติ ยกเว้นปัญหาเล็ก ๆ อย่างหนึ่ง ในฐานะที่เป็นมันจะเปิดออกรหัสกรอบ busting ของคุณสามารถจับ , ตามที่แสดงไว้ที่นี่ : <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = …

422 javascript  html  iframe  framebusting 

มีวิธีที่ดีในการลบ HTML ออกจากสตริง Java หรือไม่ regex ง่าย ๆ เช่น replaceAll("\\<.*?>","") จะทำงานได้ แต่สิ่งต่าง ๆ เช่น&เคยถูกแปลงอย่างถูกต้องและไม่ใช่ HTML ระหว่างวงเล็บสองมุมจะถูกลบออก (เช่น.*?ใน regex จะหายไป)

422 java  html  parsing 

ฉันมี<select>องค์ประกอบHTML ต่อไปนี้: <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> การใช้ฟังก์ชั่น JavaScript ที่มีleaveCodeหมายเลขเป็นพารามิเตอร์ฉันจะเลือกตัวเลือกที่เหมาะสมในรายการได้อย่างไร

420 javascript  html  dom 

ฉันมี 2 divs:อยู่ทางซ้ายและอีกอันอยู่ทางขวาของหน้า ด้านซ้ายมีความกว้างคงที่และฉันต้องการด้านขวาเพื่อเติมพื้นที่ที่เหลือ #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

419 html  css  width  responsive 

ในรูปแบบของฉันฉันต้องการใช้รูปแบบ HTML5 ใหม่ตัวอย่างเช่น <input type="url" /> ( ข้อมูลเพิ่มเติมเกี่ยวกับประเภทที่นี่ ) ปัญหาคือ Chrome ต้องการที่จะเป็นประโยชน์และตรวจสอบองค์ประกอบเหล่านี้ให้ฉันยกเว้นว่ามันแย่มาก หากไม่ผ่านการตรวจสอบความถูกต้องภายในจะไม่มีข้อความหรือตัวบ่งชี้อื่นใดนอกจากองค์ประกอบที่ได้รับโฟกัส ฉันใส่องค์ประกอบ URL ไว้ล่วงหน้าด้วย"http://"ดังนั้นการตรวจสอบความถูกต้องที่กำหนดเองของฉันก็แค่ถือว่าค่าเหล่านั้นเป็นสตริงว่างเปล่า แต่ Chrome ก็ปฏิเสธสิ่งนั้น ถ้าฉันสามารถเปลี่ยนกฎการตรวจสอบของมันก็จะใช้ได้เช่นกัน ฉันรู้ว่าฉันสามารถย้อนกลับไปใช้type="text"แต่ฉันต้องการการปรับปรุงที่ดีโดยใช้ข้อเสนอประเภทใหม่เหล่านี้ (เช่น: มันจะเปลี่ยนเป็นรูปแบบแป้นพิมพ์แบบกำหนดเองบนอุปกรณ์มือถือโดยอัตโนมัติ): ดังนั้นมีวิธีปิดหรือปรับแต่งการตรวจสอบอัตโนมัติหรือไม่

418 validation  forms  html  input 

มีวิธีในการ ng-repeatการจำนวนครั้งที่กำหนดแทนที่จะต้องย้ำมากกว่าอาร์เรย์? ตัวอย่างเช่นด้านล่างฉันต้องการให้รายการแสดงขึ้น 5 เท่าโดยสมมติว่า$scope.numberเท่ากับ 5 นอกจากนี้การเพิ่มจำนวนดังนั้นแต่ละรายการจะเพิ่มขึ้นเช่น 1, 2, 3, 4, 5 ผลลัพธ์ที่ต้องการ: <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript  html  angularjs  angularjs-ng-repeat 

โอเคนี่ทำให้ฉันสับสนจริงๆ ฉันมีเนื้อหาภายใน div เช่นนี้: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> อย่างไรก็ตามเนื้อหาล้น DIV (ตามที่คาดไว้) เนื่องจาก 'คำว่า' ยาวเกินไป ฉันจะบังคับให้เบราว์เซอร์ 'หยุด' คำที่จำเป็นเพื่อให้พอดีกับเนื้อหาทั้งหมดภายในได้อย่างไร

417 html  css  line-breaks 

Наэтотвопросестьответына Stack Overflow нарусском : Какпометить "обязательнойдлязаполнения (ต้องการ)" ฉันแค่สงสัยว่าจะใช้คุณลักษณะการป้อนข้อมูล HTML5 ใหม่ "ต้อง" ในวิธีที่ถูกต้องในปุ่มตัวเลือก ฟิลด์ตัวเลือกทุกปุ่มต้องการแอททริบิวต์ด้านล่างหรือไม่ก็เพียงพอหากมีเพียงฟิลด์เดียวเท่านั้นที่ได้รับ <input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" />

409 html  radio-button  required 

ฉันต้องการผูกองค์ประกอบที่เลือกลงในรายการของวัตถุ - ซึ่งง่ายพอ: @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, {id: 4, name: "Brazil"}, {id: 5, name: "England"} ]; selectedValue = null; } …

409 html  angular