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

10

วิธีการจัดกึ่งกลางคอนเทนเนอร์ในแนวตั้งใน Bootstrap

ฉันกำลังมองหาวิธีที่จะจัดศูนย์กลางcontainerdiv ไว้ในแนวตั้งภายในjumbotronและตั้งให้อยู่ตรงกลางของหน้า .jumbotronจะต้องมีการปรับตัวให้เต็มความสูงและความกว้างของหน้าจอ .containerdiv มีความกว้างของ1025pxและควรจะอยู่ตรงกลางของหน้า (กลางแนวตั้ง) ฉันต้องการให้หน้านี้มี jumbotron ที่ปรับให้เหมาะกับความสูงและความกว้างของหน้าจอพร้อมกับที่เก็บกึ่งกลางแนวตั้งไปที่ jumbotron ฉันจะประสบความสำเร็จได้อย่างไร .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="jumbotron"> <div class="container text-center"> <h1>The easiest and powerful way</h1> <div class="row"> <div class="col-md-7"> <div class="top-bg"></div> </div> <div class="col-md-5 iPhone-features" style="margin-left:-25px;"> …

333 html css twitter-bootstrap twitter-bootstrap-3 vertical-alignment

11

การแปลงสตริงอินพุตผู้ใช้เป็นนิพจน์ทั่วไป

ฉันกำลังออกแบบเครื่องมือทดสอบนิพจน์ปกติใน HTML และ JavaScript ผู้ใช้จะป้อน regex สตริงและเลือกฟังก์ชั่นที่พวกเขาต้องการทดสอบด้วย (เช่นค้นหาจับคู่แทนที่ ฯลฯ ) ผ่านปุ่มตัวเลือกและโปรแกรมจะแสดงผลลัพธ์เมื่อฟังก์ชันนั้นทำงานด้วยอาร์กิวเมนต์ที่ระบุ โดยธรรมชาติจะมีกล่องข้อความเพิ่มเติมสำหรับการขัดแย้งพิเศษเพื่อแทนที่และเช่น ปัญหาของฉันคือรับสตริงจากผู้ใช้และเปลี่ยนเป็นนิพจน์ทั่วไป ถ้าผมบอกว่าพวกเขาไม่จำเป็นต้องมี//'s รอบ regex ที่พวกเขาใส่ธงแล้วพวกเขาก็ไม่สามารถตั้งค่าเช่นและg iดังนั้นพวกเขาจะต้องมีการ//แสดงออก แต่ฉันจะแปลงสตริงนั้นเป็น regex ได้อย่างไร มันไม่สามารถเป็นตัวอักษรตั้งแต่สตริงและฉันไม่สามารถผ่านไปยังตัวสร้างนิพจน์ทั่วไปตั้งแต่สตริงไม่มันโดยไม่ต้อง//'s มีวิธีอื่นที่จะทำให้ผู้ใช้ป้อนสตริงใน regex หรือไม่ ฉันจะต้องแยกสตริงและธงของ regex ด้วย//แล้วสร้างมันอีกวิธีหนึ่งหรือไม่ ฉันควรให้พวกเขาใส่สายแล้วใส่ธงแยกต่างหาก?

333 javascript html regex

5

วิธีหยุดข้อความไม่ให้เกิน 1 บรรทัด?

มีการตัดคำหรือคุณลักษณะอื่น ๆ ที่หยุดข้อความจากการตัด? ฉันมีความสูงและoverflow:hiddenและข้อความก็ยังคงพัก ต้องการทำงานกับเบราว์เซอร์ทั้งหมดก่อน CSS3

332 html css text word-wrap

9

JavaScript ตั้งโฟกัสไปที่องค์ประกอบแบบฟอร์ม HTML

ฉันมีเว็บฟอร์มพร้อมกล่องข้อความอยู่ ฉันจะตั้งค่าโฟกัสไปที่กล่องข้อความเป็นค่าเริ่มต้นได้อย่างไร บางสิ่งเช่นนี้ <body onload='setFocusToTextBox()'> ใครช่วยฉันได้บ้าง ฉันไม่รู้วิธีตั้งโฟกัสไปที่กล่องข้อความด้วย JavaScript <script> function setFocusToTextBox(){ //What to do here } </script>

332 javascript html textbox focus

13

การมีแบบฟอร์ม html ภายในแบบฟอร์ม html อื่นนั้นถูกต้องหรือไม่

เป็น html ที่ถูกต้องหรือไม่ที่จะมีสิ่งต่อไปนี้: <form action="a"> <input.../> <form action="b"> <input.../> <input.../> <input.../> </form> <input.../> </form> ดังนั้นเมื่อคุณส่ง "b" คุณจะได้รับฟิลด์ภายในแบบฟอร์มด้านในเท่านั้น เมื่อคุณส่ง "a" คุณจะได้รับฟิลด์ทั้งหมดลบด้วยฟิลด์ภายใน "b" หากไม่สามารถทำได้การแก้ไขปัญหาใดบ้างสำหรับสถานการณ์นี้

331 html web-standards standards-compliance

27

ฉันจะใช้การคืนค่าขนส่งในคำแนะนำเครื่องมือ HTML ได้อย่างไร

ฉันกำลังเพิ่มคำแนะนำเครื่องมือ verbose ในเว็บไซต์ของเราและฉันต้องการ (โดยไม่ต้องใช้ปลั๊กอิน jQuery whiz-bang, ฉันรู้ว่ามีจำนวนมาก!) เพื่อใช้ carriage return เพื่อจัดรูปแบบคำแนะนำเครื่องมือ เพื่อเพิ่มเคล็ดลับที่ฉันใช้titleคุณลักษณะ ฉันได้ดูไซต์ทั่วไปและใช้เทมเพลตพื้นฐานของ: <a title='Tool?Tip?On?New?Line'>link with tip</a> ฉันได้ลองแทนที่?ด้วย: <br /> &013; / &#13; \r\n Environment.NewLine (ฉันใช้ C #) ไม่มีการทำงานใด ๆ ข้างต้น เป็นไปได้ไหม?

330 html title tooltip

7

ความกว้างของของไหลที่มี DIV เว้นระยะเท่ากัน

ฉันมีภาชนะบรรจุความกว้างของของเหลว DIV ภายในนี้ฉันมี 4 DIVs ทั้งหมด 300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> สิ่งที่ฉันต้องการจะเกิดขึ้นก็คือกล่องที่ 1 ที่จะลอยไปทางซ้ายกล่องที่ 4 จะลอยไปทางขวาและช่องที่ 2 และ 3 ที่จะเว้นระยะระหว่างพวกเขาอย่างเท่าเทียมกัน ฉันต้องการให้การเว้นวรรคนั้นราบรื่นเช่นกันดังนั้นเบราว์เซอร์ก็ยิ่งเล็กลงพื้นที่ก็เล็กลงเช่นกัน

329 html css fluid-layout

18

ใน jQuery ฉันจะเลือกองค์ประกอบด้วยแอตทริบิวต์ชื่อได้อย่างไร

ฉันมีปุ่มตัวเลือก 3 ปุ่มในหน้าเว็บของฉันเช่นด้านล่าง: <label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label> <label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ใน jQuery ฉันต้องการรับค่าของปุ่มตัวเลือกที่เลือกเมื่อมีการคลิกปุ่มใดปุ่มหนึ่งเหล่านี้ ใน jQuery เรามี id (#) และตัวเลือก class (.) แต่ถ้าฉันต้องการหาปุ่มตัวเลือกโดยใช้ชื่อดังต่อไปนี้ $("<radiobutton name attribute>").click(function(){}); โปรดบอกวิธีแก้ปัญหานี้

328 javascript jquery html radio-button

18

CSS แถบเลื่อนที่กำหนดเองใน div

ฉันจะปรับแต่งแถบเลื่อนผ่าน CSS (Cascading Style Sheets) สำหรับหนึ่งdivและไม่ใช่ทั้งหน้าได้อย่างไร

327 css html scrollbar

14

แอตทริบิวต์ที่ต้องใช้ของฟอร์ม HTML5 ตั้งค่าข้อความตรวจสอบที่กำหนดเอง?

ฉันมีรูปแบบ HTML5 ต่อไปนี้: http://jsfiddle.net/nfgfP/ <form id="form" onsubmit="return(login())"> <input name="username" placeholder="Username" required /> <input name="pass" type="password" placeholder="Password" required/> <br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/> <input type="submit" name="submit" value="Log In"/> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ขณะนี้เมื่อฉันกด Enter เมื่อทั้งคู่ว่างจะมีกล่องป๊อปอัปปรากฏขึ้นว่า "กรุณากรอกข้อมูลในช่องนี้" ฉันจะเปลี่ยนข้อความเริ่มต้นเป็น "ช่องนี้ไม่สามารถเว้นว่างไว้" ได้อย่างไร แก้ไข:*****นอกจากนี้ทราบว่าเกิดข้อผิดพลาดประเภทรหัสผ่านของฟิลด์เป็นเพียง ในการสร้างสิ่งนี้ใหม่ให้ชื่อผู้ใช้และกดส่ง แก้ไข : ฉันใช้ Chrome 10 สำหรับการทดสอบ กรุณาทำเช่นเดียวกัน

326 javascript html forms validation

4

(เปลี่ยน) vs (ngModelChange) เป็นมุม

Angular 1 ไม่ยอมรับonchange()กิจกรรม แต่ยอมรับเฉพาะng-change()กิจกรรม ในทางกลับกัน 2 ยอมรับทั้งสอง(change)และ(ngModelChange)เหตุการณ์ซึ่งทั้งสองดูเหมือนจะทำสิ่งเดียวกัน ความแตกต่างคืออะไร? อันไหนดีที่สุดสำหรับประสิทธิภาพ? ngModelChange : <input type="text" pInputText class="ui-widget ui-text" (ngModelChange)="clearFilter()" placeholder="Find"/> เทียบกับการเปลี่ยนแปลง : <input type="text" pInputText class="ui-widget ui-text" (change)="clearFilter()" placeholder="Find"/>

326 javascript html angular typescript angular-ngmodelchange

8

วิธีใช้ขีดกลางในแอตทริบิวต์ HTML-5 data- * ใน ASP.NET MVC

ฉันกำลังพยายามใช้ข้อมูล HTML5-ในโครงการ ASP.NET MVC 1 ของฉัน (ฉันเป็นมือใหม่ C # และ ASP.NET MVC) <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> "data-details" ใน htmlAttributes ด้านบนให้ข้อผิดพลาดต่อไปนี้: CS0746: Invalid anonymous type member declarator. Anonymous type members must …

325 asp.net-mvc html custom-data-attribute

20

ส่งแบบฟอร์มโดยการกดปุ่ม Enter โดยไม่ต้องกดปุ่มส่ง

ฉันพยายามส่งแบบฟอร์มโดยกด Enter แต่ไม่แสดงปุ่มส่ง ฉันไม่ต้องการเข้าใช้ JavaScript ถ้าเป็นไปได้เพราะฉันต้องการให้ทุกอย่างทำงานบนเบราว์เซอร์ทั้งหมด (วิธีเดียวที่ฉันรู้คือ JS กับกิจกรรม) ตอนนี้แบบฟอร์มมีลักษณะดังนี้: <form name="loginBox" target="#here" method="post"> <input name="username" type="text" /><br /> <input name="password" type="password" /> <input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" /> </form> ซึ่งใช้งานได้ดีทีเดียว ปุ่มส่งทำงานได้เมื่อผู้ใช้กด Enter และปุ่มจะไม่แสดงใน Firefox, IE, Safari, Opera และ Chrome อย่างไรก็ตามฉันยังคงไม่ชอบวิธีแก้ปัญหาเนื่องจากยากที่จะทราบว่าจะใช้งานได้กับทุกแพลตฟอร์มกับเบราว์เซอร์ทั้งหมดหรือไม่ ทุกคนสามารถแนะนำวิธีที่ดีกว่าได้ไหม หรือสิ่งนี้เกี่ยวกับดีเท่าที่ได้รับ?

322 html forms submit

15

จัดศูนย์แนวตั้งใน Bootstrap 4

ฉันพยายามจัดกึ่งกลางคอนเทนเนอร์ของฉันที่กึ่งกลางหน้าโดยใช้ Bootstrap 4 ฉันยังไม่ประสบความสำเร็จ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม ฉันได้สร้างมันขึ้นที่Codepen.ioเพื่อให้พวกคุณสามารถเล่นกับมันและแจ้งให้เราทราบว่าอะไรที่ทำงานได้ดีในขณะที่ฉันกำลังออกความคิด ... แสดงตัวอย่างโค้ด var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" …

322 html css twitter-bootstrap flexbox bootstrap-4

12

ทำไมรูปแบบส่วนบนของ CSS นี้ไม่ทำงาน

ฉันพยายามเพิ่มค่ามาร์จิ้นใน div ภายใน div อื่น ทุกอย่างทำงานได้ดียกเว้นค่าสูงสุดดูเหมือนว่าจะถูกละเว้น แต่ทำไม สิ่งที่ฉันคาดหวัง: สิ่งที่ฉันได้รับ: รหัส: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล W3Schoolsไม่มีคำอธิบายว่าทำไมมาร์จินจึงมีพฤติกรรมเช่นนี้

321 html margin css

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