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

ฉันใช้ Googling และค้นหา Stack Overflow มาระยะหนึ่งแล้ว แต่ฉันไม่สามารถแก้ไขปัญหานี้ได้ ฉันมีตาราง HTML มาตรฐานที่ประกอบด้วยคำพูดผลไม้ ชอบมาก <table> <tr> <td>Apple</td> <td>Green</td> </tr> <tr> <td>Grapes</td> <td>Green</td> </tr> <tr> <td>Orange</td> <td>Orange</td> </tr> </table> ด้านบนนี้ฉันมีกล่องข้อความซึ่งฉันต้องการค้นหาตารางเป็นประเภทผู้ใช้ ดังนั้นหากพวกเขาพิมพ์Greตัวอย่างแถว Orange ของตารางจะหายไปจาก Apple และ Grapes หากพวกเขาดำเนินการและพิมพ์Green Grแถว Apple ควรหายไปทิ้งเพียงองุ่น ฉันหวังว่านี่ชัดเจน และหากผู้ใช้ลบแบบสอบถามบางส่วนหรือทั้งหมดออกจากกล่องข้อความฉันควรให้แถวทั้งหมดที่ตรงกับแบบสอบถามนั้นปรากฏขึ้นอีกครั้ง ในขณะที่ฉันรู้วิธีลบแถวของตารางใน jQuery ฉันมีความคิดเพียงเล็กน้อยเกี่ยวกับวิธีดำเนินการเกี่ยวกับการค้นหาและลบแถวที่เลือกโดยพิจารณาจากสิ่งนี้ มีวิธีแก้ปัญหาง่ายๆนี้หรือไม่? หรือปลั๊กอิน? หากใครสามารถชี้ให้ฉันในทิศทางที่ถูกต้องมันจะยอดเยี่ยม ขอบคุณ.

139 javascript  jquery  html 

สถานการณ์เช่นนี้ใช้ได้หรือไม่: div#foo span#foo a#foo

139 html  dom 

คำถามง่าย ๆ ฉันหวังว่า ฉันมี<select>กล่องปกติเช่นนี้ <select id="select"> <option value="1">this</option> <option value="2">that</option> <option value="3">other</option> </select> ฉันจะได้รับความคุ้มค่าที่เลือก (โดยใช้$("#select").val()) และค่าการแสดงรายการที่เลือกของ $("#select :selected").text()(โดยการใช้ แต่ฉันจะเก็บไว้เป็นค่าเพิ่มเติมใน<option>แท็กได้อย่างไร ฉันต้องการที่จะทำสิ่งที่ชอบ<option value="3.1" value2="3.2">other</option>และได้รับค่าของvalue2คุณลักษณะ (ซึ่งจะเป็น 3.2 ในตัวอย่าง)

139 javascript  jquery  html 

ฉันมีรหัส HTML ต่อไปนี้: <select name="forma"> <option value="Home">Home</option> <option value="Contact">Contact</option> <option value="Sitemap">Sitemap</option> </select> ฉันจะทำให้ค่าบ้านผู้ติดต่อและแผนผังไซต์เป็นลิงก์ได้อย่างไร ฉันใช้รหัสต่อไปนี้และตามที่คาดไว้มันไม่ทำงาน: <select name="forma"> <option value="Home"><a href="home.php">Home</a></option> <option value="Contact"><a href="contact.php">Contact</a></option> <option value="Sitemap"><a href="sitemap.php">Sitemap</a></option> </select>

139 html  forms  tags  anchor  option 

เมื่อผนวกdivs divกับ a ที่มีความสูงคงที่ div ลูกจะปรากฏขึ้นจากบนลงล่างติดที่ขอบบน ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ ตอนนี้ฉันพยายามแสดงมันจากล่างขึ้นบนเช่นนี้ (ติดกับขอบล่าง): ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ …

139 html  css  scrollbar  vertical-alignment  alignment 

ฉันมี 2 รูปแบบพื้นฐาน - ลงชื่อเข้าใช้และลงทะเบียนทั้งในหน้าเดียวกัน ตอนนี้ฉันไม่มีปัญหากับการลงชื่อเข้าใช้ในรูปแบบการป้อนอัตโนมัติแต่แบบฟอร์มการสมัครอัตโนมัติก็เติมเต็มเช่นกันและฉันไม่ชอบ นอกจากนี้สไตล์ของฟอร์มจะมีพื้นหลังสีเหลืองซึ่งฉันไม่สามารถจัดการเพื่อแทนที่และฉันไม่ต้องการใช้ inline CSS ในการทำเช่นนั้น ฉันจะทำอย่างไรเพื่อให้พวกเขาหยุดเป็นสีเหลืองและ (อาจจะ) การเติมอัตโนมัติ? ขอบคุณล่วงหน้า!

139 html  css  input  autofill 

ฉันต้องการสร้างปุ่มส่งแบบฟอร์ม HTML ที่มีค่า 'add tag'อย่างไรก็ตามหน้าเว็บเป็นภาษาสวีเดนดังนั้นฉันต้องการมีข้อความปุ่มที่แตกต่างกันข้อความบนปุ่ม นั่นคือฉันต้องการมีปุ่มเหมือน แต่ฉันต้องการรหัสของฉันเช่น if (request.getParameter(cmd).equals("add tag")) tags.addTag( /*...*/ ); เป็นไปได้ไหม ถ้าเป็นเช่นนั้นได้อย่างไร

139 html  forms 

ฉันต้องการแสดงข้อกำหนดและเงื่อนไขในเว็บไซต์ของฉัน ฉันไม่ต้องการใช้ช่องข้อความและไม่ต้องการใช้ทั้งหน้า ฉันแค่ต้องการแสดงข้อความของฉันในพื้นที่ที่เลือกและต้องการใช้แถบเลื่อนแนวตั้งเท่านั้นเพื่อลงไปอ่านข้อความทั้งหมด ขณะนี้ฉันใช้รหัสนี้: <div style="width:10;height:10;overflow:scroll" > text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text …

139 css  html  overflow 

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

139 javascript  html  css 

"reMode_hover"ฉันพยายามที่จะใช้สีพื้นหลังเมื่อผู้ใช้เลื่อนเมาส์องค์ประกอบที่มีชื่อชั้นเป็น แต่ผมไม่ต้องการที่จะเปลี่ยนสีถ้าองค์ประกอบยังมี"reMode_selected" หมายเหตุ: ฉันสามารถใช้ CSS เท่านั้นไม่ใช่จาวาสคริปต์เพราะฉันทำงานในสภาพแวดล้อมที่ จำกัด บางประเภท เพื่อความชัดเจนเป้าหมายของฉันคือการระบายสีองค์ประกอบแรกที่โฮเวอร์ แต่ไม่ใช่องค์ประกอบที่สอง HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> ฉันลองด้านล่างโดยหวังว่าคำจำกัดความแรกจะใช้ได้ผล แต่ก็ไม่เป็นเช่นนั้น ผมทำอะไรผิดหรือเปล่า? CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }

139 html  css  css-selectors 

ฉันกำลังตั้งค่าโฟกัสที่ช่องป้อนข้อมูลบางช่องเมื่อโหลดหน้าโดยใช้บรรทัดต่อไปนี้: $('#myInputID').focus(); มีวิธีที่ฉันสามารถเลิกทำหรือลบโฟกัสนี้เมื่อวางเมาส์เหนือองค์ประกอบบางอย่างได้หรือไม่? (ไม่จำเป็นต้องรีเซ็ตโฟกัสหลังจากออกจากองค์ประกอบนี้) ฉันไม่พบฟังก์ชันที่ตรงข้ามกับข้างบนใน jQuery หรือจะใช้งานได้ที่นี่

139 jquery  html  focus 

ฉันกำลังทำงานกับ angular 2 และฉันพบบางอย่างเช่น <input #searchBox (keyup)="search(searchBox.value)" และใช้งานได้ แต่ผมไม่เข้าใจความหมายของ#searchBox ฉันไม่พบสิ่งใดที่ชัดเจนทั้งในเอกสาร ใครช่วยอธิบายให้ฉันฟังหน่อยได้ไหมว่ามันทำงานอย่างไร

139 javascript  html  angular  typescript 

ฉันกำลังจัดเก็บข้อมูลโดยใช้data-วิธีการในแท็ก HTML ดังนี้: <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> จากนั้นฉันกำลังดึงข้อมูลในการติดต่อกลับเช่นนี้: $(this).data('imagename'); ใช้งานได้ดี สิ่งที่ฉันติดอยู่คือการพยายามบันทึกวัตถุแทนที่จะเป็นเพียงคุณสมบัติอย่างใดอย่างหนึ่งของมัน ฉันพยายามทำสิ่งนี้: <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> จากนั้นฉันพยายามเข้าถึงคุณสมบัติชื่อดังนี้: var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); undefinedบันทึกบอกฉัน ดูเหมือนว่าฉันสามารถจัดเก็บสตริงง่ายๆในdata-แอตทริบิวต์ได้ แต่ฉันไม่สามารถจัดเก็บออบเจ็กต์ JSON ได้ ... ฉันได้ลองใช้ไวยากรณ์ของเด็กคนนี้โดยไม่มีโชค: <div data-foobar='{"foo":"bar"}'></div> มีความคิดอย่างไรในการจัดเก็บวัตถุจริงในแท็ก HTML โดยใช้data-วิธีการนี้

139 jquery  html  json 

ฉันมีรหัสนี้: <table class="topics" > <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td> <td style="padding: 0 4px 0 0;">1.0</td> <td>abc</td> </tr> <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td> <td style="padding: 0 4px 0 0;">1.3</td> <td>def</td> </tr> </table> แถวมีระยะห่างห่างกันเกินไป ฉันต้องการให้เส้นใกล้กันมากขึ้น สิ่งที่ฉันทำคือเพิ่ม CSS ต่อไปนี้ …

139 html  css 

ฉันดิ้นรนเพื่อสร้างกล่องข้อความที่เหมาะกับความกว้างทั้งหมดของพื้นที่เก็บของฉัน <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> เมื่อฉันทำข้างต้นองค์ประกอบของฟอร์มทั้งสองนั้นเป็นแบบอินไลน์ตามที่คาดไว้ แต่อย่าใช้เวลาเกินสองสามคอลัมน์อย่างดีที่สุด การโฮเวอร์เหนือกองcol-md-12เพลิงแสดงให้เห็นว่าใช้ความกว้างเต็มตามที่คาดหวัง มันเป็นเพียงการป้อนข้อความที่ดูเหมือนจะไม่เต็ม ฉันพยายามเพิ่มค่าความกว้างในบรรทัดด้วย แต่ก็ไม่ได้เปลี่ยนแปลงอะไรเลย ฉันรู้ว่ามันควรจะง่ายเพียงแค่รู้สึกโง่จริง ๆ ตอนนี้ นี่คือซอ: http://jsfiddle.net/52VtD/4119/embedded/result/ แก้ไข: คำตอบที่เลือกนั้นละเอียดถี่ถ้วนในทุก ๆ ทางและเป็นความช่วยเหลือที่ยอดเยี่ยม มันคือสิ่งที่ฉันใช้ อย่างไรก็ตามฉันคิดว่าปัญหาเริ่มต้นของฉันเป็นปัญหากับเทมเพลต MVC5 เริ่มต้นภายใน Visual Studio 2013 ซึ่งมีอยู่ใน Site.css: input, …

138 html  css  twitter-bootstrap-3