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

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

11
การตั้งค่าความยาวอักขระสูงสุดใน CSS
ฉันกำลังสร้างเว็บไซต์ที่ตอบสนองต่อโรงเรียนและคำถามของฉันคือ: ฉันจะกำหนดความยาวอักขระสูงสุดของประโยค (ด้วย CSS) บนเว็บไซต์ของฉันได้อย่างไร (เช่น 75 ตัวอักษร) ว่าเมื่อฉันมีหน้าจอขนาดใหญ่มากประโยคจะไม่เกิน 75 ตัวอักษร ฉันได้ลองความกว้างสูงสุดแล้ว แต่นั่นก็ทำให้เค้าโครงของฉันยุ่ง ฉันใช้คำสั่ง flexbox และคำสั่งสื่อเพื่อให้ตอบสนองได้
182 html  css  text 

4
เหตุใด z-index จึงไม่ทำงาน
ดังนั้นถ้าฉันเข้าใจz-indexอย่างถูกต้องมันจะสมบูรณ์แบบในสถานการณ์นี้: ฉันต้องการที่จะวางภาพด้านล่าง (แท็ก / บัตร) ด้านล่าง div ข้างต้นนั้น ดังนั้นคุณจะไม่เห็นขอบคม ฉันจะทำสิ่งนี้ได้อย่างไร z-index:-1 // on the image tag/card หรือ z-index:100 // on the div above ไม่ทำงานเช่นกัน ไม่มีการรวมกันของสิ่งใดเช่นนี้ มาทำไม
182 html  css  z-index 

8
รูปแบบนิพจน์ทั่วไปไม่ตรงกับที่ใดในสตริง
ฉันพยายามจับคู่<input>เขตข้อมูลประเภท "ซ่อน" โดยใช้รูปแบบนี้: /<input type="hidden" name="([^"]*?)" value="([^"]*?)" />/ นี่คือตัวอย่างแบบฟอร์มข้อมูล: <input type="hidden" name="SaveRequired" value="False" /><input type="hidden" name="__VIEWSTATE1" value="1H4sIAAtzrkX7QfL5VEGj6nGi+nP" /><input type="hidden" name="__VIEWSTATE2" value="0351118MK" /><input type="hidden" name="__VIEWSTATE3" value="ZVVV91yjY" /><input type="hidden" name="__VIEWSTATE0" value="3" /><input type="hidden" name="__VIEWSTATE" value="" /><input type="hidden" name="__VIEWSTATE" value="" /> แต่ผมไม่แน่ใจว่าtype, nameและvalueคุณลักษณะที่มักจะปรากฏในลำดับเดียวกัน หากtypeแอตทริบิวต์มาล่าสุดการจับคู่จะล้มเหลวเพราะในรูปแบบของฉันมันเป็นจุดเริ่มต้น คำถาม: ฉันจะเปลี่ยนรูปแบบของฉันได้อย่างไรจึงจะจับคู่โดยไม่คำนึงถึงตำแหน่งของแอตทริบิวต์ใน<input>แท็ก PS:โดยวิธีการที่ผมใช้Adobe AirตามRegEx เครื่องมือสก์ท็อปสำหรับการทดสอบการแสดงผลปกติ
181 html  regex  parsing 


4
การสูญเสียขอบเขตเมื่อใช้ ng-include
ฉันมีเส้นทางโมดูลนี้: var mainModule = angular.module('lpConnect', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/home', {template:'views/home.html', controller:HomeCtrl}). when('/admin', {template:'views/admin.html', controller:AdminCtrl}). otherwise({redirectTo:'/connect'}); }]); โฮม HTML: <div ng-include src="views.partial1"></div> partial1 HTML: <form ng-submit="addLine()"> <input type="text" ng-model="lineText" size="30" placeholder="Type your message here"> </form> HomeCtrl: function HomeCtrl($scope, $location, $window, $http, Common) { ... $scope.views = { partial1:"views/partial1.html" …

3
สามารถเน้นการจับคู่แท็ก HTML อย่าง Notepad ++ ได้หรือไม่?
VIM รองรับการจับคู่คู่ของวงเล็บปีกกา, วงเล็บ, และวงเล็บเหลี่ยม เหมาะสำหรับการแก้ไขภาษาสไตล์ C เช่น PHP และ Javascript แต่สิ่งที่เกี่ยวกับการจับคู่แท็ก HTML? Notepad ++ มีคุณสมบัตินี้ตราบเท่าที่ฉันใช้งาน ความสามารถในการระบุจุดที่บล็อกของ HTML เริ่มต้นและสิ้นสุดนั้นมีประโยชน์มาก สิ่งที่ฉันกำลังมองหาคือสิ่งนี้สำหรับกลุ่ม (ดูแท็ก div สีเขียว): (คุณสมบัติโบนัส: เน้นแถบแท็ก HTML ที่ไม่มีการปิดบังเช่นแท็กสีแดงในภาพหน้าจอนี้) matchitได้รับการเสนอให้เป็นสิ่งที่ดีที่สุด แต่ต้องใช้การกดแป้นพิมพ์พิเศษเพื่อใช้ฟังก์ชันการทำงาน ฉันต้องการที่จะเห็นว่าบล็อกของ HTML เริ่มต้นและสิ้นสุดโดยไม่ต้องกดปุ่มพิเศษ ฉันท่องอินเทอร์เน็ตเพื่อค้นหาสิ่งนี้เพื่อเป็นกลุ่ม เห็นได้ชัดว่าฉันไม่ใช่คนเดียวตามคำถามStackOverflow อื่น ๆ อีก 2 รายการและจับตัวกันอย่างรวดเร็ว ฉันเกือบจะลาออกจากตำแหน่งตัวเองเพื่อเป็นกลุ่มไม่สามารถจับคู่แท็ก html ได้ เป็นไปได้สำหรับกลุ่มที่จะทำเช่นนี้? ภาคผนวก: หากปัจจุบันยังไม่สามารถทำสิ่งนี้กับปลั๊กอินที่มีอยู่ตัวช่วยสร้าง vimscript นั้นมีพอยน์เตอร์เกี่ยวกับวิธีการเขียนปลั๊กอินที่เหมาะสมหรือไม่?
181 html  notepad++  vim 

15
ฉันจะผสม LaTeX เข้ากับ Markdown ได้อย่างไร [ปิด]
ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันใช้ Markdown สำหรับบันทึกในชั้นเรียนแล้วมันเยี่ยมมาก ฉันยังทำ preprocessing ใน Markdown เพื่อให้ฉันสามารถทำสิ่งต่าง ๆ เช่นตาราง แต่เทอมนี้ฉันกำลังสอนวิชาคณิตศาสตร์จำนวนมากและฉันชอบที่จะใส่สูตร LaTeX กับ Markdown แบบนี้: The refinement relation is written $a \sqsubseteq b$, which can be pronounced "$a$ approximates $b$" or "$b$ is at least as defined as $a$". ฉันต้องการที่จะสามารถแยกส่วนของ …

12
ฉันสามารถหยุดกล่องข้อความความกว้าง 100% ไม่ให้ขยายออกไปนอกคอนเทนเนอร์ได้หรือไม่
ให้บอกว่าฉันมีกล่องข้อความที่ฉันต้องการเติมทั้งบรรทัด ฉันจะทำให้มันมีสไตล์เช่นนี้: input.wide {display:block; width: 100%} สิ่งนี้ทำให้เกิดปัญหาเนื่องจากความกว้างขึ้นอยู่กับเนื้อหาของกล่องข้อความ กล่องข้อความมีระยะขอบเส้นขอบ & ช่องว่างภายในโดยค่าเริ่มต้นซึ่งทำให้กล่องข้อความความกว้าง 100% มีขนาดใหญ่กว่าคอนเทนเนอร์ ตัวอย่างเช่นที่นี่ทางด้านขวา: มีวิธีใดที่จะทำให้กล่องข้อความเติมความกว้างของคอนเทนเนอร์โดยไม่ขยายออกไป? นี่คือตัวอย่าง HTML เพื่อแสดงสิ่งที่ฉันหมายถึง: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <style type="text/css"> #outer{border: 1px solid #000; width: 320px; margin: 0px;padding:0px} #inner{margin: 20px; padding: 20px; background: #999;border: 1px solid #000;} …
181 html  css 

10
HTML5 ปรับขนาดภาพล่วงหน้าก่อนที่จะอัพโหลด
นี่คือเครื่องขูดเส้นก๋วยเตี๋ยว โปรดจำไว้ว่าเรามีที่จัดเก็บในตัว HTML5 และ xhr v2 และสิ่งที่ไม่ ฉันสงสัยว่าใครสามารถหาตัวอย่างการทำงานหรือแม้แต่ให้ฉันใช่หรือไม่ใช่สำหรับคำถามนี้ เป็นไปได้หรือไม่ที่จะปรับขนาดภาพโดยใช้ที่จัดเก็บในตัวเครื่องใหม่ (หรืออะไรก็ตาม) เพื่อให้ผู้ใช้ที่ไม่มีเงื่อนงำเกี่ยวกับการปรับขนาดภาพสามารถลากภาพขนาด 10mb ไปยังเว็บไซต์ของฉันได้ จากนั้นอัปโหลดที่ขนาดเล็กกว่า ฉันรู้ดีว่าคุณสามารถทำได้ด้วย Flash, Java applets, active X ... คำถามคือถ้าคุณสามารถทำได้ด้วย Javascript + Html5 คอยที่จะตอบสนองในนี้ ตาสำหรับตอนนี้

12
องค์ประกอบที่กำหนดเองถูกต้อง HTML5 หรือไม่
ฉันไม่พบคำตอบที่ชัดเจนว่าแท็กที่กำหนดเองนั้นถูกต้องใน HTML5 หรือไม่เช่นนี้ <greeting>Hello!</greeting> ฉันไม่พบอะไรเลยในสเปคเดียวหรืออย่างอื่น: http://dev.w3.org/html5/spec/single-page.html ดูเหมือนว่าแท็กที่กำหนดเองจะไม่ตรวจสอบความถูกต้องกับเครื่องมือตรวจสอบ W3C


11
การรวม Dropzone.js เข้ากับฟอร์ม HTML ที่มีอยู่กับฟิลด์อื่น
ขณะนี้ฉันมีรูปแบบ HTML ซึ่งผู้ใช้กรอกรายละเอียดของโฆษณาที่พวกเขาต้องการโพสต์ ตอนนี้ฉันต้องการที่จะเพิ่มdropzoneสำหรับการอัปโหลดภาพของรายการที่จะขาย ฉันพบDropzone.jsซึ่งดูเหมือนจะทำสิ่งที่ฉันต้องการมากที่สุด อย่างไรก็ตามเมื่อดูในเอกสารดูเหมือนว่าคุณจะต้องระบุคลาสของแบบฟอร์มทั้งหมดเป็นdropzone(ตรงข้ามกับองค์ประกอบอินพุตเท่านั้น) นี้ก็หมายความว่ารูปแบบทั้งหมดของฉันกลายเป็นDropzone เป็นไปได้หรือไม่ที่จะใช้ dropzone ในส่วนของแบบฟอร์มของฉันเช่นโดยการระบุองค์ประกอบเป็น class "dropzone"แทนที่จะเป็นแบบฟอร์มทั้งหมดหรือไม่ ฉันสามารถใช้แบบฟอร์มแยกกัน แต่ฉันต้องการให้ผู้ใช้สามารถส่งได้ทั้งหมดด้วยปุ่มเดียว หรือมีห้องสมุดอื่นที่สามารถทำสิ่งนี้ได้หรือไม่ ขอบคุณมาก

8
วิธีรับความกว้างของเบราว์เซอร์โดยใช้รหัส JavaScript
ฉันพยายามเขียนฟังก์ชัน JavaScript เพื่อรับความกว้างของเบราว์เซอร์ปัจจุบัน ฉันพบสิ่งนี้: javascript:alert(document.body.offsetWidth); แต่ปัญหามันล้มเหลวถ้าร่างกายมีความกว้าง 100% มีฟังก์ชั่นอื่น ๆ ที่ดีกว่าหรือวิธีแก้ปัญหา?
180 javascript  jquery  html  css 

5
ปิดใช้งานการส่งแบบฟอร์มโดยอัตโนมัติเมื่อคลิกปุ่ม
ฉันมีรูปแบบ HTML ที่ฉันใช้ปุ่มหลายปุ่ม ปัญหาคือไม่ว่าฉันจะคลิกที่ปุ่มใดแบบฟอร์มจะถูกส่งถึงแม้ว่าปุ่มจะไม่ใช่ประเภท "ส่ง" เช่นปุ่มเช่น: <button>Click to do something</button>ส่งผลให้มีการส่งแบบฟอร์ม มันค่อนข้างเจ็บปวดที่ต้องทำe.preventDefault()กับปุ่มเหล่านี้แต่ละปุ่ม ฉันใช้ jQuery และ jQuery UI และเว็บไซต์อยู่ใน HTML5 มีวิธีปิดใช้งานพฤติกรรมอัตโนมัตินี้หรือไม่

15
จะมั่นใจได้อย่างไรว่าฟิลด์ฟอร์ม <select> ถูกส่งเมื่อปิดการใช้งาน
ฉันมีselectเขตข้อมูลฟอร์มที่ฉันต้องการทำเครื่องหมายเป็น "อ่านได้อย่างเดียว" เนื่องจากในผู้ใช้ไม่สามารถแก้ไขค่าได้ แต่ค่านั้นยังคงส่งมาพร้อมกับแบบฟอร์ม การใช้disabledแอ็ตทริบิวต์ป้องกันผู้ใช้จากการเปลี่ยนค่า แต่ไม่ส่งค่าด้วยแบบฟอร์ม readonlyแอตทริบิวต์จะใช้ได้เฉพาะinputและtextareaสาขา แต่ที่เป็นพื้นสิ่งที่ฉันต้องการ มีวิธีใดบ้างที่จะทำงานนี้ได้? สองความเป็นไปได้ที่ฉันกำลังพิจารณารวมถึง: แทนที่จะปิดใช้งานให้ปิดการselectใช้งานทั้งหมดoptionและใช้ CSS เพื่อเลือกตัวเลือกสีเทาเพื่อให้ดูเหมือนว่าถูกปิดใช้งาน เพิ่มตัวจัดการเหตุการณ์การคลิกไปที่ปุ่มส่งเพื่อให้สามารถเปิดใช้งานเมนูดร็อปดาวน์ที่ปิดใช้งานทั้งหมดก่อนส่งแบบฟอร์ม

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