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

ใน Angular 1 ฉันสามารถเลือกตัวเลือกเริ่มต้นสำหรับกล่องแบบเลื่อนลงโดยใช้สิ่งต่อไปนี้: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> ใน Angular 2 ฉันมี: <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> ฉันจะเลือกตัวเลือกเริ่มต้นได้อย่างไรเนื่องจากข้อมูลตัวเลือกของฉันคือ: [{name: 'arm'}, {name: 'back'}, {name:'leg'}]และค่าเริ่มต้นของฉันคือbackอะไร?

115 html  angular 

ฉันจะ จำกัด หรือ จำกัด ผู้ใช้ให้ป้อนได้สูงสุดห้าอักขระในกล่องข้อความได้อย่างไร ด้านล่างนี้เป็นช่องป้อนข้อมูลซึ่งเป็นส่วนหนึ่งของแบบฟอร์มของฉัน: <input type="text" id="sessionNo" name="sessionNum" /> มันใช้อะไรเช่น maxSize หรืออะไรทำนองนั้น?

115 html  forms  input  textbox 

สิ่งนี้ทำให้ฉันสับสนมาระยะหนึ่งแล้ว ด้วยการถือกำเนิดของ UTF-8 เป็นมาตรฐาน de-facto ในการพัฒนาเว็บฉันไม่แน่ใจว่าในสถานการณ์ใดที่ฉันควรใช้เอนทิตี HTML และฉันควรใช้อักขระ UTF-8 ในสถานการณ์ใด ตัวอย่างเช่น, em dash (-, &emdash;) เครื่องหมายและ (&, &) 3/4 เศษ (¾, ¾) โปรดแจ้งให้ทราบเกี่ยวกับปัญหานี้ จะได้รับการชื่นชม

115 html  xhtml  html-entities 

ฉันต้องการเขียนปลั๊กอิน jQuery ง่ายๆที่แสดงโมดอลแบบอินไลน์ภายใต้องค์ประกอบที่ระบุ ความคิดของฉันคือให้สคริปต์เริ่มต้นโดยอัตโนมัติตามแอตทริบิวต์ข้อมูลที่ระบุในองค์ประกอบ ตัวอย่างพื้นฐาน: <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div> ฉันแค่สงสัยว่าdata-modal-targetในตัวอย่างข้างต้นถูกต้องหรือไม่data-modal-target="true"? ฉันไม่สนใจอะไรที่บ้ากว่า IE9 ฯลฯ ข้อกำหนดเดียวของฉันคือมันเป็น HTML5 ที่ถูกต้อง

115 html  custom-data-attribute  html5-data 

ฉันมีแถบนำทางแบบแท็บซึ่งฉันต้องการให้แท็บที่เปิดอยู่มีเงาเพื่อตั้งค่าให้แตกต่างจากแท็บอื่น ๆ ฉันต้องการให้ส่วนแท็บทั้งหมดมีเงาเดียว (ดูเส้นแนวนอนด้านล่าง) ขึ้นไปแรเงาด้านล่างของแท็บทั้งหมดยกเว้นส่วนที่เปิดอยู่ ฉันจะใช้box-shadowคุณสมบัติของ CSS3 แต่ฉันไม่สามารถหาวิธีแรเงาเฉพาะส่วนที่ฉันต้องการได้ โดยปกติฉันจะปกปิดเงาด้านล่างของแท็บที่เปิดด้วยพื้นที่เนื้อหา (สูงกว่าz-index) แต่ในกรณีนี้พื้นที่เนื้อหาจะมีเงาเพื่อที่จะปิดทับแท็บ เค้าโครงแท็บ _______ _______ _______ | | | | | | ____ | _______ | __ | | __ | _______ | ______ เส้นเงา เงาจะขึ้นจากเส้นแนวนอนและออกไปด้านนอกของเส้นแนวตั้ง _______ | | _______________ | | _________________ นี่คือตัวอย่างสด: มีความช่วยเหลืออะไรบ้างอัจฉริยะ?

115 html  css  shadow 

ฉันมีรหัสนี้ใน ng-repeat: <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> วิธีสร้างเงื่อนไขว่าปุ่มถูกปิดใช้งานเมื่อมีclass="disabled"? หรือมีวิธีทำใน Javascript เพื่อให้มีลักษณะดังนี้: $('.do-something-button').click(function(){ if (!$(this).hasClass('disabled')) { do something } });

115 javascript  html  angularjs 

ฉันพบว่าหากมีaลิงก์ในหน้าซึ่งไม่ได้เชื่อมโยงไปยังหน้าใหม่จากนั้นเมื่อผู้ใช้คลิกจะมีเส้นประรอบองค์ประกอบนั้นจะหายไปก็ต่อเมื่อผู้ใช้คลิกสิ่งอื่นในหน้าวิธีการ เพื่อลบสิ่งนี้? ตัวอย่าง: Section 2หมายเหตุเส้นประรอบองค์ประกอบ

115 html  css 

ฉันมีรายการสั่งซื้อที่ฉันต้องการให้หมายเลขเริ่มต้นเป็น 6 ฉันพบว่าสิ่งนี้ได้รับการสนับสนุน (เลิกใช้แล้วในขณะนี้) ใน HTML 4.01 ในข้อกำหนดนี้ระบุว่าคุณสามารถระบุจำนวนเต็มเริ่มต้นได้โดยใช้ CSS (แทนstartแอตทริบิวต์) คุณจะระบุหมายเลขเริ่มต้นด้วย CSS ได้อย่างไร?

115 html  css  html-lists 

ฉันมีไฟล์ SVG ที่ระบุwidthและheightเป็นviewboxแบบนี้: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... แต่จะแสดงผลในเบราว์เซอร์ในขนาดที่ฉันตัดสินใจได้อย่างไร ฉันต้องการให้มันเล็กลงและได้ลอง: <object width="400" data="image.svg"></object> แต่แล้วฉันก็เห็นแถบเลื่อนที่มองเห็นได้ ใช้งานได้ถ้าฉันเปลี่ยนไฟล์ SVG เพื่อตั้งค่าwidthและheightเป็น100%แทน แต่ฉันต้องการกำหนดขนาดใน HTML โดยไม่คำนึงถึงขนาดที่ใช้ในไฟล์ SVG เป็นไปได้หรือไม่

115 html  svg 

ฉันกำลังสร้างเว็บไซต์ที่ฉันต้องการใช้แถบเลื่อนช่วง (ฉันรู้ว่ามันรองรับเฉพาะเบราว์เซอร์ webkit) ฉันได้รวมเข้าด้วยกันอย่างสมบูรณ์และใช้งานได้ดี แต่ฉันต้องการใช้textboxเพื่อแสดงค่าสไลด์ปัจจุบัน ฉันหมายถึงถ้าในตอนแรกแถบเลื่อนอยู่ที่ค่า 5 ดังนั้นในกล่องข้อความควรแสดงเป็น 5 เมื่อฉันเลื่อนค่าในกล่องข้อความควรเปลี่ยน ฉันสามารถทำได้โดยใช้เพียงCSSหรือhtml. JQueryฉันต้องการที่จะหลีกเลี่ยง เป็นไปได้ไหม?

115 html  css  range 

ภายใน<ul>องค์ประกอบสามารถจัดรูปแบบระยะห่างแนวตั้งระหว่างบรรทัดได้อย่างชัดเจนด้วยแอตทริบิวต์ line-height คำถามของฉันคือภายใน<ul>องค์ประกอบฉันจะกำหนดระยะห่างแนวตั้งระหว่างรายการได้อย่างไร

115 html  css  html-lists 

ฉันสงสัยว่าจะดาวน์โหลดลิงก์ไฟล์ PDF ได้อย่างไรแทนที่จะเปิดในเบราว์เซอร์ สิ่งนี้ทำได้อย่างไรใน html (ฉันคิดว่ามันทำผ่านจาวาสคริปต์หรืออะไรสักอย่าง)

115 javascript  html 

ฉันกำลังแสดงเทมเพลตซึ่งฉันกำลังพยายามจัดรูปแบบด้วยสไตล์ชีตภายนอก โครงสร้างไฟล์มีดังนี้ /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html มีลักษณะดังนี้ <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content --> ไม่มีการใช้สไตล์ของฉันเลย มีส่วนเกี่ยวข้องกับข้อเท็จจริงที่ว่า html เป็นเทมเพลตที่ฉันกำลังแสดงอยู่หรือไม่? งูเหลือมมีลักษณะเช่นนี้ return render_template("mainpage.html", variables..) ฉันรู้ว่าสิ่งนี้ใช้ได้ผลดีเพราะฉันยังสามารถแสดงเทมเพลตได้ อย่างไรก็ตามเมื่อฉันพยายามย้ายโค้ดสไตล์จากบล็อก "style" ภายในแท็ก "head" ของ html ไปยังไฟล์ภายนอกการจัดแต่งทรงผมทั้งหมดก็หายไปโดยเหลือเพียงหน้า html ใครเห็นข้อผิดพลาดเกี่ยวกับโครงสร้างไฟล์ของฉัน

115 python  html  css  templates  flask 

ฉันต้องการเลื่อนไปยังเป้าหมายเมื่อกดปุ่ม ฉันกำลังคิดอะไรแบบนี้ <button (click)="scroll(#target)">Button</button> และในcomponent.tsวิธีการของฉันเช่น scroll(element) { window.scrollTo(element.yPosition) } ฉันรู้ว่ารหัสด้านบนไม่ถูกต้อง แต่เพียงเพื่อแสดงสิ่งที่ฉันคิด ฉันเพิ่งเริ่มเรียนรู้ Angular 4 โดยไม่มีประสบการณ์ Angular มาก่อน ฉันค้นหาอะไรทำนองนี้มาตลอด แต่ตัวอย่างทั้งหมดอยู่ใน AngularJs ซึ่งแตกต่างจาก Angular 4 มาก

115 javascript  html  angular  typescript 

ฉันไม่แน่ใจว่าทำไมฉันต้องใช้ ul-li กับเพียงแค่ใช้ div เมื่อแสดงรายการ ฉันสามารถทำให้ทั้งสองมีลักษณะเหมือนกันได้ดังนั้นประโยชน์ในการใช้งานในการสร้างรายการที่ไม่เรียงลำดับเทียบกับการจัดเรียง divs อยู่ที่ไหน

114 html  html-lists