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

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปหลักสำหรับการสร้างเว็บเพจและข้อมูลอื่น ๆ ที่จะแสดงในเว็บเบราว์เซอร์ คำถามเกี่ยวกับ HTML ควรมีตัวอย่างที่ทำซ้ำได้น้อยที่สุดและแนวคิดบางประการเกี่ยวกับสิ่งที่คุณพยายามทำ แท็กนี้ไม่ค่อยได้ใช้คนเดียวและมักจะจับคู่กับ [CSS] และ [javascript]

22
ฉันจะรักษาความสูงที่เท่ากันทั้งสองแบบเคียงข้างกันได้อย่างไร
ฉันมีสอง divs เคียงข้างกัน ฉันต้องการความสูงของพวกเขาที่จะเหมือนกันและอยู่ในระดับเดียวกันหากหนึ่งในนั้นปรับขนาด ฉันไม่สามารถคิดออกนี้ ไอเดีย? เพื่อชี้แจงคำถามที่สับสนของฉันฉันต้องการให้ทั้งสองกล่องมีขนาดเท่ากันเสมอดังนั้นหากหนึ่งกล่องโตขึ้นเนื่องจากมีการใส่ข้อความไว้อีกกล่องควรจะตรงกับความสูง <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
441 html  css  html-table  flexbox 

2
การใช้ฟอนต์. otf บนเว็บเบราว์เซอร์
ฉันกำลังทำงานบนเว็บไซต์ที่ต้องใช้การทดสอบแบบอักษรออนไลน์แบบอักษรทั้งหมดที่ฉันมีคือ. otf มีวิธีฝังแบบอักษรและทำให้พวกเขาทำงานกับเบราว์เซอร์ทั้งหมดหรือไม่ ถ้าไม่มีฉันมีทางเลือกอื่นอีกบ้าง?
440 html  css  fonts  font-face 

19
ทำไม CSS ถึงทำงานกับองค์ประกอบปลอมได้?
ในชั้นเรียนของฉันฉันเล่นรอบและพบว่า CSS ทำงานร่วมกับองค์ประกอบที่ทำขึ้น ตัวอย่าง: imsocool { color:blue; } <imsocool>HELLO</imsocool> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล เมื่ออาจารย์ของฉันเห็นฉันใช้สิ่งนี้เป็นครั้งแรกเขารู้สึกประหลาดใจเล็กน้อยที่องค์ประกอบที่ใช้การแต่งหน้าทำงานและแนะนำให้ฉันเปลี่ยนองค์ประกอบทั้งหมดที่ทำขึ้นเป็นย่อหน้าด้วย ID ทำไมอาจารย์ของฉันไม่ต้องการให้ฉันใช้องค์ประกอบที่ทำขึ้น? พวกเขาทำงานอย่างมีประสิทธิภาพ นอกจากนี้ทำไมเขาถึงไม่ทราบว่ามีองค์ประกอบที่สร้างขึ้นและทำงานกับ CSS พวกเขาผิดปกติหรือไม่
438 html  css 

10
Bootstrap NavBar ที่มีรายการตรงกลางซ้ายหรือขวา
ในBootstrapวิธีที่เป็นมิตรกับแพลตฟอร์มที่สุดในการสร้างแถบการนำทางที่มีโลโก้ A อยู่ทางซ้ายรายการเมนูที่อยู่ตรงกลางและโลโก้ B ทางด้านขวา นี่คือสิ่งที่ฉันได้ลองมาแล้วและมันก็อยู่ในแนวเดียวกันเพื่อให้โลโก้ A อยู่ทางซ้ายรายการเมนูถัดจากโลโก้ด้านซ้ายและโลโก้ B ทางด้านขวา <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><span class="navbar-logo">Logo_A</span></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">Menu Item 1</a></li> …

8
ค่าที่เหมาะสมสำหรับแอตทริบิวต์ที่ถูกตรวจสอบของ HTML คืออะไร
เราทุกคนรู้วิธีการกรอกแบบช่องทำเครื่องหมายใน HTML: <input name="checkbox_name" id="checkbox_id" type="checkbox"> สิ่งที่ฉันไม่รู้ - อะไรคือค่าที่ถูกต้องทางเทคนิคสำหรับช่องทำเครื่องหมายที่เลือก? ฉันเห็นสิ่งเหล่านี้ทำงานทั้งหมด: <input name="checkbox_name" id="checkbox_id" type="checkbox" checked> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true"> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คำตอบนั้นไม่สำคัญหรือไม่? ผมเห็นหลักฐานสำหรับคำตอบที่ถูกต้องทำเครื่องหมายว่าไม่มีนี่จากข้อมูลจำเพาะของตัวเอง: ช่องทำเครื่องหมาย (และปุ่มตัวเลือก) เป็นสวิตช์เปิด / ปิดที่ผู้ใช้สามารถสลับได้ สวิตช์เป็น "เปิด" เมื่อมีการตั้งค่าแอตทริบิวต์ที่ตรวจสอบขององค์ประกอบการควบคุม เมื่อมีการส่งแบบฟอร์มการควบคุมช่องทำเครื่องหมาย "กับ" เท่านั้นที่จะประสบความสำเร็จ ช่องทำเครื่องหมายหลายแห่งในแบบฟอร์มอาจใช้ชื่อตัวควบคุมเดียวกัน …


15
jQuery ตั้งค่าตำแหน่งเคอร์เซอร์ในพื้นที่ข้อความ
คุณจะกำหนดตำแหน่งเคอร์เซอร์ในฟิลด์ข้อความโดยใช้ jQuery ได้อย่างไร ฉันมีช่องข้อความที่มีเนื้อหาและฉันต้องการให้เคอร์เซอร์ผู้ใช้อยู่ในตำแหน่งออฟเซ็ตที่แน่นอนเมื่อพวกเขามุ่งเน้นไปที่ฟิลด์ รหัสควรมีลักษณะเช่นนี้: $('#input').focus(function() { $(this).setCursorPosition(4); }); การใช้งานฟังก์ชัน setCursorPosition นั้นมีลักษณะอย่างไร หากคุณมีช่องข้อความที่มีเนื้อหา abcdefg การโทรนี้จะส่งผลให้เคอร์เซอร์อยู่ในตำแหน่งดังต่อไปนี้: abcd ** | ** efg Java มีฟังก์ชั่นที่คล้ายกัน setCaretPosition มีวิธีการที่คล้ายคลึงกันสำหรับจาวาสคริปต์หรือไม่? อัปเดต: ฉันแก้ไขโค้ดของ CMS เพื่อทำงานกับ jQuery ดังต่อไปนี้: new function($) { $.fn.setCursorPosition = function(pos) { if (this.setSelectionRange) { this.setSelectionRange(pos, pos); } else if (this.createTextRange) { var range = …

5
CSS ซ่อนแถบเลื่อนหากไม่จำเป็น
ฉันพยายามหาวิธีซ่อนตัวoverflow-y:scroll;ถ้าไม่ต้องการ สิ่งที่ฉันหมายถึงคือฉันกำลังสร้างเว็บไซต์และฉันมีพื้นที่หลักที่โพสต์จะปรากฏขึ้นและฉันต้องการซ่อนแถบเลื่อนหากเนื้อหาไม่เกินความกว้างปัจจุบัน นอกจากนี้คำถามที่สองของฉัน ฉันต้องการให้เป็นเช่นนั้นเมื่อโพสต์เกินความกว้างปัจจุบันความกว้างจะเพิ่มขึ้นโดยอัตโนมัติและเนื้อหาจะไม่ออกนอกกรอบ ใครบ้างมีเงื่อนงำวิธีการทำเช่นนี้? พื้นที่โพสต์: .content { height: 600px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; font-size: 15px; text-align: justify; line-height: 19px; overflow-y:scroll; } คอนเทนเนอร์ของเว็บไซต์หลัก: .container { margin: 0 auto; width: 757px; margin-top: 30px; text-align: center; }
435 html  css 

5
ความแตกต่างระหว่าง disabled =“ disabled” และ readonly =“ readonly” สำหรับช่องป้อนแบบฟอร์ม HTML คืออะไร
ฉันได้อ่านนิดหน่อยแล้ว แต่ฉันไม่สามารถหาอะไรที่เป็นของแข็งเกี่ยวกับวิธีที่เบราว์เซอร์ที่แตกต่างกันปฏิบัติต่อสิ่งต่าง ๆ

14
จะปิดแท็บปัจจุบันในหน้าต่างเบราว์เซอร์ได้อย่างไร?
ฉันต้องการสร้างลิงค์บนหน้าเว็บที่จะปิดแท็บที่ใช้งานอยู่ในปัจจุบันในเบราว์เซอร์โดยไม่ต้องปิดแท็บอื่น ๆ ในเบราว์เซอร์ เมื่อผู้ใช้คลิกที่ลิงค์ปิดข้อความเตือนจะปรากฏขึ้นเพื่อขอให้ผู้ใช้ยืนยันด้วยปุ่มสองปุ่มคือ "ใช่" และ "ไม่" หากผู้ใช้คลิกที่ "ใช่" ให้ปิดหน้านั้นและหาก "ไม่" ไม่ต้องทำอะไรเลย จะทำอย่างไร? ข้อเสนอแนะใด ๆ

19
วิธีทริกเกอร์การดาวน์โหลดไฟล์เมื่อคลิกปุ่ม HTML หรือ JavaScript
มันบ้าไปแล้ว แต่ฉันไม่รู้วิธีการทำเช่นนี้และเพราะคำทั่วไปเป็นอย่างไรมันยากที่จะค้นหาสิ่งที่ฉันต้องการในเครื่องมือค้นหา ฉันคิดว่านี่น่าจะเป็นคำตอบที่ง่าย ฉันต้องการดาวน์โหลดไฟล์อย่างง่ายซึ่งจะทำเช่นนี้: <a href="file.doc">Download!</a> แต่ฉันต้องการใช้ปุ่ม HTML เช่นอย่างใดอย่างหนึ่งเหล่านี้: <input type="button" value="Download!"> <button>Download!</button> ในทำนองเดียวกันเป็นไปได้ไหมที่จะเรียกใช้การดาวน์โหลดอย่างง่ายผ่าน JavaScript $("#fileRequest").click(function(){ /* code to download? */ }); ฉันไม่ต้องการหาวิธีสร้างจุดยึดที่ดูเหมือนปุ่มใช้สคริปต์แบ็คเอนด์หรือยุ่งกับส่วนหัวของเซิร์ฟเวอร์หรือประเภท Mime

20
คลิกปุ่มคัดลอกไปยังคลิปบอร์ดโดยใช้ jQuery
ฉันจะคัดลอกข้อความภายใน div ไปยังคลิปบอร์ดได้อย่างไร ฉันมี div และจำเป็นต้องเพิ่มลิงค์ซึ่งจะเพิ่มข้อความไปยังคลิปบอร์ด มีวิธีแก้ปัญหาสำหรับเรื่องนี้หรือไม่? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <a class="copy-text">copy Text</a> หลังจากฉันคลิกคัดลอกข้อความจากนั้นฉันกดCtrl+ Vจะต้องถูกวาง
433 jquery  html  css 

30
Google Maps API v3: วิธีลบเครื่องหมายทั้งหมดได้อย่างไร
ใน Google Maps API v2 หากฉันต้องการลบเครื่องหมายแผนที่ทั้งหมดฉันทำได้ง่ายๆ: map.clearOverlays(); ฉันจะทำสิ่งนี้ใน Google Maps API v3 ได้อย่างไร ดูAPI อ้างอิงมันไม่ชัดเจนสำหรับฉัน

14
ส่งแบบฟอร์มใน 'Enter' ด้วย jQuery หรือไม่
ฉันมีรูปแบบการเข้าสู่ระบบที่ไม่ได้มาตรฐาน - ฟิลด์ข้อความอีเมลฟิลด์รหัสผ่านและปุ่มส่งในโครงการ AIR ที่ใช้ HTML / jQuery เมื่อฉันกด Enter บนแบบฟอร์มเนื้อหาทั้งหมดของแบบฟอร์มจะหายไป แต่ไม่ได้ส่งแบบฟอร์ม ไม่มีใครรู้ว่านี่เป็นปัญหาของ Webkit (Adobe AIR ใช้ Webkit สำหรับ HTML) หรือว่าฉันทำอะไรผิดพลาดหรือไม่? ฉันเหนื่อย: $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); แต่นั่นก็ไม่ได้หยุดพฤติกรรมการล้างหรือส่งแบบฟอร์ม ไม่มีการดำเนินการที่เกี่ยวข้องกับแบบฟอร์ม - นั่นอาจเป็นปัญหาหรือไม่ ฉันสามารถใส่ฟังก์ชั่นจาวาสคริปต์ในการดำเนินการได้หรือไม่?

15
ฉันจะสร้างความกว้างของ TextArea ได้ 100% โดยไม่ล้นเมื่อมีช่องว่างภายใน CSS
ฉันมีตัวอย่างข้อมูล CSS และ HTML ดังต่อไปนี้ textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ปัญหาคือว่าพื้นที่ข้อความลงท้ายด้วยความกว้าง 8px (2px สำหรับเส้นขอบ + 6px สำหรับการขยาย) กว่าพาเรนต์ มีวิธีที่จะใช้เส้นขอบและช่องว่างภายใน แต่ จำกัด ขนาดรวมของtextareaถึงความกว้างของแม่หรือไม่
426 html  css  stylesheet 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.