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

14

กล่องข้อความอินพุต HTML ที่มีความกว้าง 100% ล้นเซลล์ตาราง

มีใครรู้บ้างว่าทำไมองค์ประกอบอินพุตที่มีความกว้าง 100% จึงอยู่เหนือเส้นขอบเซลล์ของตาราง ในตัวอย่างง่ายๆด้านล่างช่องป้อนข้อมูลไปที่เส้นขอบเซลล์ของตารางผลลัพธ์ที่ได้นั้นแย่มาก สิ่งนี้ได้รับการทดสอบแล้วและเกิดขึ้นในลักษณะเดียวกันกับ: Firefox, IE7 และ Safari มันสมเหตุสมผลสำหรับคุณหรือไม่? ฉันขาดอะไรไปคุณรู้วิธีแก้ปัญหาที่เป็นไปได้ไหม <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  <title>Test input text in table</title> <style type="text/css"> table {border-top: 1px solid #ff0000; border-left: …

106 html input html-table width

15

ฉันจะซ่อนแถวตาราง HTML <tr> เพื่อไม่ให้มีพื้นที่ว่างได้อย่างไร

ฉันจะซ่อนแถวตาราง HTML <tr>เพื่อไม่ให้มีพื้นที่ว่างได้อย่างไร ฉัน<tr>ตั้งค่าเป็นหลายชุดstyle="display:none;"แต่ยังคงมีผลต่อขนาดของตารางและเส้นขอบของตารางจะสะท้อนถึงแถวที่ซ่อนอยู่

106 html css html-table

4

วิธีตัดข้อความรอบ ๆ รูปภาพโดยใช้ HTML / CSS

ฉันต้องการออกแบบบล็อกข้อความดังภาพต่อไปนี้: ถามว่าเป็นไปได้ไหม?

106 html css

3

วิธีตั้งค่าโฟกัสบนฟิลด์อินพุตโดยใช้ JQuery

ให้โครงสร้าง HTML ต่อไปนี้: <div class="wrapper"> <div class="top"> <a href="http://example.com" class="link">click here</a> </div> <div class="middle"> some text </div> <div class="bottom"> <form> <input type="text" class="post"> <input type="submit"> </form> </div> <div> ซึ่งจะถูกทำซ้ำหลาย ๆ ครั้งบนหน้าฉันจะตั้งค่าโฟกัสที่ช่องป้อนข้อมูลใน.bottomdiv ได้อย่างไรเมื่อผู้ใช้คลิกที่ลิงก์ใน.topdiv ฉันกำลังทำให้.bottomdiv ปรากฏสำเร็จเมื่อคลิกโดยใช้โค้ด JQuery ด้านล่าง แต่ดูเหมือนจะไม่สามารถหาวิธีตั้งค่าโฟกัสบนช่องป้อนข้อมูลในเวลาเดียวกันได้ $('.link').click(function() { $(this).parent().siblings('div.bottom').show(); }); ขอบคุณ!

106 jquery html

9

วิธีจัดกึ่งกลางผ้าใบใน html5

ฉันค้นหาวิธีแก้ปัญหามาระยะหนึ่งแล้ว แต่ไม่พบอะไรเลย อาจจะเป็นแค่คำค้นหาของฉัน ฉันกำลังพยายามสร้างศูนย์ผ้าใบตามขนาดของหน้าต่างเบราว์เซอร์ ผ้าใบมีขนาด 800x600 และหากหน้าต่างมีขนาดต่ำกว่า 800x600 ก็ควรปรับขนาดเช่นกัน (แต่ตอนนี้ไม่สำคัญมาก)

106 html canvas css resize

12

การวาดเส้นเชื่อมระหว่างสององค์ประกอบ [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดเมื่อ4 เดือนที่แล้ว . ปรับปรุงคำถามนี้ ฉันจะลากเส้นระหว่างสององค์ประกอบขึ้นไปเพื่อเชื่อมต่อได้อย่างไร การผสม HTML / CSS / JavaScript / SVG / Canvas ใด ๆ ก็ใช้ได้ หากคำตอบของคุณสนับสนุนสิ่งเหล่านี้ให้กล่าวถึง: องค์ประกอบที่ลากได้ การเชื่อมต่อที่ลากได้ / แก้ไขได้ การหลีกเลี่ยงองค์ประกอบที่ทับซ้อนกัน คำถามนี้ได้รับการอัปเดตเพื่อรวบรวมความหลากหลายของคำถามนี้

106 javascript html connection line jquery-ui-draggable

2

ตัวเลือก CSS สำหรับลูกอื่นที่ไม่ใช่ลูกคนแรกและลูกคนสุดท้าย

ฉันกำลังสร้างเว็บไซต์ขั้นสูง คำถามของฉัน: เป็นไปได้ไหมที่จะเลือกเด็กคนอื่น ๆ ทั้งหมดยกเว้น:first-childและ:last-child? ฉันรู้ว่ามี:not()ตัวเลือก แต่ใช้ไม่ได้กับมากกว่าหนึ่งตัวที่ไม่ได้อยู่ในวงเล็บ นี่คือสิ่งที่ฉันมี: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }

106 html css css-selectors

12

วิธีเรียกใช้ปุ่ม HTML เมื่อคุณกด Enter ในกล่องข้อความ

ดังนั้นรหัสที่ฉันมีคือ: <fieldset id="LinkList"> <input type="text" id="addLinks" name="addLinks" value="http://"> <input type="button" id="linkadd" name="linkadd" value="add"> </fieldset> มันไม่ได้อยู่ใน a <form>และเหมือนกับที่อยู่ในไฟล์<div>. อย่างไรก็ตามเมื่อฉันพิมพ์สิ่งที่textboxเรียกว่า "addLinks" ฉันต้องการให้ผู้ใช้สามารถกด Enter และเรียกใช้ "linkadd" buttonซึ่งจะเรียกใช้ฟังก์ชัน JavaScript ฉันจะทำเช่นนี้ได้อย่างไร? ขอบคุณ แก้ไข: ฉันพบรหัสนี้ แต่ดูเหมือนจะใช้งานไม่ได้ $("#addLinks").keyup(function(event){ if(event.keyCode == 13){ $("#linkadd").click(); } });

106 html button input textbox

15

ตัวเลือกในแท็ก Select สามารถมีหลายค่าได้หรือไม่?

ฉันได้รับแท็กที่เลือกพร้อมตัวเลือกบางอย่างในรูปแบบ HTML: (ข้อมูลจะถูกรวบรวมและประมวลผลโดยใช้ PHP) การทดสอบ: <select name="Testing"> <option value="1"> One <option value="2"> Two <option value="3"> Three </select> เป็นไปได้หรือไม่ที่ตัวเลือกจะมีค่าหลายค่าเช่นเมื่อผู้ใช้เลือก "หนึ่ง" จากนั้นค่าอื่น ๆ ที่เกี่ยวข้องกับตัวเลือกนี้จะถูกเขียนลงในฐานข้อมูล ฉันจะออกแบบselectแท็กอย่างไรเพื่อให้แต่ละตัวเลือกสามารถมีค่ามากกว่าหนึ่งค่าดังนี้: <select name="Testing"> <option value="1" value="2010"> One <option value="2" value="2122"> Two <option value="3" value="0"> Three </select>

106 html options

7

ฉันจะตัดหรือแบ่งข้อความ / คำยาว ๆ ในช่วงความกว้างคงที่ได้อย่างไร

ฉันต้องการสร้างช่วงที่มีความกว้างคงที่ซึ่งเมื่อฉันพิมพ์สิ่งใด ๆ ในช่วงเช่น<span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>สตริงข้อความยาว ๆ ที่ไม่เว้นวรรคคำนั้นจะแบ่งหรือตัดไปที่บรรทัดถัดไป ความคิดใด ๆ ?

106 html css

12

คุณจะบอกให้ HTML SELECT เลื่อนลงโดยใช้โปรแกรมได้อย่างไร (ตัวอย่างเช่นเนื่องจากการวางเมาส์)

คุณจะบอกให้ HTML selectแบบเลื่อนลงโดยใช้โปรแกรมได้อย่างไร (ตัวอย่างเช่นเนื่องจากเมาส์โอเวอร์)

106 javascript html

6

ล้นไปทางซ้ายแทนที่จะเป็นขวา

ฉันมี div ด้วยoverflow:hiddenซึ่งฉันจะแสดงหมายเลขโทรศัพท์ในขณะที่ผู้ใช้พิมพ์ ข้อความภายใน div จะจัดชิดขวาและอักขระขาเข้าจะถูกเพิ่มไปทางขวาเมื่อข้อความขยายไปทางซ้าย แต่เมื่อข้อความใหญ่พอที่จะไม่พอดีกับ div อักขระสุดท้ายของตัวเลขจะถูกครอบตัดโดยอัตโนมัติและผู้ใช้จะไม่เห็นอักขระใหม่ที่เธอพิมพ์ สิ่งที่ฉันต้องการทำคือครอบตัดอักขระทางซ้ายเช่น div แสดงเนื้อหาทางขวาสุดและล้นไปทางด้านซ้าย ฉันจะสร้างเอฟเฟกต์นี้ได้อย่างไร?

106 css html overflow

2

ตัวอย่างของข้อมูลหลายส่วน / แบบฟอร์ม

ฉันสงสัยว่ามีใครสามารถแบ่งปันตัวอย่างของข้อมูลหลายส่วน / แบบฟอร์มที่มี: พารามิเตอร์ฟอร์มบางอย่าง หลายไฟล์

106 html http multipart multipartform-data

5

jQuery ทำซ้ำ DIV เป็น DIV อื่น

ต้องการ jquery ช่วยคัดลอก DIV ไปยัง DIV อื่นและหวังว่าจะเป็นไปได้ ฉันมี HTML ต่อไปนี้: <div class="container"> <div class="button"></div> </div> จากนั้นฉันมี DIV อื่นในตำแหน่งอื่นในเพจของฉันและฉันต้องการคัดลอก 'ปุ่ม' div ลงใน 'แพ็คเกจ' ต่อไปนี้: <div class="package"> Place 'button' div in here </div>

106 javascript jquery html

14

บังคับให้เบราว์เซอร์ดาวน์โหลดไฟล์ภาพเมื่อคลิก

ฉันต้องการเบราว์เซอร์เพื่อดาวน์โหลดไฟล์ภาพเช่นเดียวกับที่ทำขณะคลิกบนแผ่นงาน Excel มีวิธีดำเนินการโดยใช้โปรแกรมฝั่งไคลเอ็นต์เท่านั้นหรือไม่? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"> $(document).ready(function () { $("*").click(function () { $("p").hide(); }); }); </script> </head> <script type="text/javascript"> document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.innerHTML == "Image") { //someFunction(element.href); var name = element.nameProp; var …

106 javascript jquery html

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