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

ฉันสร้างเว็บแอปพลิเคชั่นซึ่งใช้แท็กบ็อกซ์ดรอปดาวน์ วิธีนี้ใช้งานได้ดีในทุกเบราว์เซอร์ยกเว้นเบราว์เซอร์ Chrome (เวอร์ชัน 21.0.1180.89) แม้จะมีทั้งinputฟิลด์และformฟิลด์ที่มีแอautocomplete="off"ททริบิว แต่ Chrome ยืนยันที่จะแสดงประวัติแบบเลื่อนลงของรายการก่อนหน้าสำหรับฟิลด์ซึ่งจะกำจัดรายการแท็กบ็อกซ์

444 html  google-chrome  autocomplete  forms 

คุณจะตั้งค่าเริ่มต้นของ<input>ฟิลด์ข้อความใน JavaScript ได้อย่างไร?

443 javascript  html  forms  input 

เราทุกคนรู้วิธีการกรอกแบบช่องทำเครื่องหมายใน 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"> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คำตอบนั้นไม่สำคัญหรือไม่? ผมเห็นหลักฐานสำหรับคำตอบที่ถูกต้องทำเครื่องหมายว่าไม่มีนี่จากข้อมูลจำเพาะของตัวเอง: ช่องทำเครื่องหมาย (และปุ่มตัวเลือก) เป็นสวิตช์เปิด / ปิดที่ผู้ใช้สามารถสลับได้ สวิตช์เป็น "เปิด" เมื่อมีการตั้งค่าแอตทริบิวต์ที่ตรวจสอบขององค์ประกอบการควบคุม เมื่อมีการส่งแบบฟอร์มการควบคุมช่องทำเครื่องหมาย "กับ" เท่านั้นที่จะประสบความสำเร็จ ช่องทำเครื่องหมายหลายแห่งในแบบฟอร์มอาจใช้ชื่อตัวควบคุมเดียวกัน …

436 html  forms  checkbox  html-input 

ในรูปแบบ Django ฉันจะสร้างฟิลด์เป็นแบบอ่านอย่างเดียว (หรือปิดใช้งาน) ได้อย่างไร เมื่อมีการใช้แบบฟอร์มเพื่อสร้างรายการใหม่ฟิลด์ทั้งหมดควรเปิดใช้งาน - แต่เมื่อระเบียนอยู่ในโหมดอัปเดตบางฟิลด์จำเป็นต้องอ่านอย่างเดียว ตัวอย่างเช่นเมื่อสร้างItemโมเดลใหม่ฟิลด์ทั้งหมดจะต้องสามารถแก้ไขได้ แต่ในขณะที่อัปเดตบันทึกมีวิธีปิดใช้งานskuฟิลด์เพื่อให้สามารถมองเห็นได้ แต่ไม่สามารถแก้ไขได้หรือไม่ class Item(models.Model): sku = models.CharField(max_length=50) description = models.CharField(max_length=200) added_by = models.ForeignKey(User) class ItemForm(ModelForm): class Meta: model = Item exclude = ('added_by') def new_item_view(request): if request.method == 'POST': form = ItemForm(request.POST) # Validate and save else: form = ItemForm() # …

430 django  forms  field  readonly 

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

427 javascript  jquery  html  webkit  forms 

เมื่อใช้xhtml1-transitional.dtddoctype ให้รวบรวมหมายเลขบัตรเครดิตด้วย HTML ต่อไปนี้ <input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/> จะตั้งค่าสถานะคำเตือนในเครื่องมือตรวจสอบ W3C: ไม่มีแอตทริบิวต์ "เติมข้อความอัตโนมัติ" มีวิธี W3C / มาตรฐานในการปิดการใช้งานเบราว์เซอร์โดยอัตโนมัติในเขตข้อมูลที่สำคัญในแบบฟอร์มหรือไม่?

424 html  standards  forms  w3c 

ในรูปแบบของฉันฉันต้องการใช้รูปแบบ HTML5 ใหม่ตัวอย่างเช่น <input type="url" /> ( ข้อมูลเพิ่มเติมเกี่ยวกับประเภทที่นี่ ) ปัญหาคือ Chrome ต้องการที่จะเป็นประโยชน์และตรวจสอบองค์ประกอบเหล่านี้ให้ฉันยกเว้นว่ามันแย่มาก หากไม่ผ่านการตรวจสอบความถูกต้องภายในจะไม่มีข้อความหรือตัวบ่งชี้อื่นใดนอกจากองค์ประกอบที่ได้รับโฟกัส ฉันใส่องค์ประกอบ URL ไว้ล่วงหน้าด้วย"http://"ดังนั้นการตรวจสอบความถูกต้องที่กำหนดเองของฉันก็แค่ถือว่าค่าเหล่านั้นเป็นสตริงว่างเปล่า แต่ Chrome ก็ปฏิเสธสิ่งนั้น ถ้าฉันสามารถเปลี่ยนกฎการตรวจสอบของมันก็จะใช้ได้เช่นกัน ฉันรู้ว่าฉันสามารถย้อนกลับไปใช้type="text"แต่ฉันต้องการการปรับปรุงที่ดีโดยใช้ข้อเสนอประเภทใหม่เหล่านี้ (เช่น: มันจะเปลี่ยนเป็นรูปแบบแป้นพิมพ์แบบกำหนดเองบนอุปกรณ์มือถือโดยอัตโนมัติ): ดังนั้นมีวิธีปิดหรือปรับแต่งการตรวจสอบอัตโนมัติหรือไม่

418 validation  forms  html  input 

มีวิธีการหนึ่งบรรทัดที่ง่ายในการรับข้อมูลของแบบฟอร์มหรือไม่หากว่าจะต้องส่งในรูปแบบ HTML แบบคลาสสิกเท่านั้น? ตัวอย่างเช่น: <form> <input type="radio" name="foo" value="1" checked="checked" /> <input type="radio" name="foo" value="0" /> <input name="bar" value="xxx" /> <select name="this"> <option value="hi" selected="selected">Hi</option> <option value="ho">Ho</option> </form> เอาท์พุท: { "foo": "1", "bar": "xxx", "this": "hi" } บางสิ่งเช่นนี้เรียบง่ายเกินไปเนื่องจากไม่รวมถึง textareas, selects, ปุ่มเรดิโอและช่องทำเครื่องหมาย: $("#form input").each(function () { data[theFieldName] = theFieldValue; });

404 javascript  jquery  forms 

multipart/form-dataผมอยากจะถามคำถามเกี่ยวกับการที่ ในส่วนหัวของ HTTP Content-Type: multipart/form-data; boundary=???ผมพบว่า ผู้???ใช้สามารถกำหนดได้ฟรีหรือไม่? หรือมันสร้างจาก HTML? มันเป็นไปได้สำหรับผมที่จะกำหนด??? = abcdefg?

403 html  http  forms 

ฉันต้องการล้างฟิลด์อินพุตและฟิลด์ textarea ทั้งหมดในแบบฟอร์ม มันทำงานเหมือนดังต่อไปนี้เมื่อใช้ปุ่มอินพุตกับresetคลาส: $(".reset").bind("click", function() { $("input[type=text], textarea").val(""); }); การทำเช่นนี้จะล้างฟิลด์ทั้งหมดในหน้าไม่ใช่เฉพาะจากแบบฟอร์ม ตัวเลือกของฉันจะมีลักษณะอย่างไรสำหรับรูปแบบที่ปุ่มรีเซ็ตจริงใช้งานอยู่

402 jquery  html  forms 

ฉันใช้ jQuery และ Ajax สำหรับฟอร์มของฉันในการส่งข้อมูลและไฟล์ แต่ฉันไม่แน่ใจว่าจะส่งทั้งข้อมูลและไฟล์ในรูปแบบเดียวได้อย่างไร ขณะนี้ฉันทำเกือบเหมือนกันทั้งสองวิธี แต่วิธีการรวบรวมข้อมูลในอาเรย์นั้นแตกต่างกันข้อมูลที่ใช้.serialize();แต่ไฟล์ใช้= new FormData($(this)[0]); เป็นไปได้หรือไม่ที่จะรวมทั้งสองวิธีเพื่อให้สามารถอัพโหลดไฟล์และข้อมูลในรูปแบบเดียวผ่าน Ajax ได้? Data jQuery, Ajax และ html $("form#data").submit(function(){ var formData = $(this).serialize(); $.ajax({ url: window.location.pathname, type: 'POST', data: formData, async: false, success: function (data) { alert(data) }, cache: false, contentType: false, processData: false }); return false; }); <form id="data" …

384 javascript  jquery  ajax  forms 

ฉันสงสัยว่าความแตกต่างระหว่างตัวอย่างโค้ดสองต่อไปนี้คืออะไร: <label>Input here : </label> <input type='text' name='theinput' id='theinput'/> และ <label for='theinput'>Input here : </label> <input type='text' name='theinput' id='theinput'/> ฉันแน่ใจว่ามันทำอะไรบางอย่างเมื่อคุณใช้ไลบรารี JavaScript พิเศษ แต่นอกเหนือจากนั้นมันจะตรวจสอบ HTML หรือจำเป็นด้วยเหตุผลอื่นหรือไม่?

382 html  forms  input  label 

ฉันจะกำหนดเป้าหมายฟิลด์อินพุตของประเภท 'ข้อความ' โดยใช้ตัวเลือก CSS ได้อย่างไร

371 html  css  forms  css-selectors  html-input 

ฉันมีแบบฟอร์มที่มีปุ่มรีเซ็ตมาตรฐานเขียนไว้ดังนี้: <input type="reset" class="button standard" value="Clear" /> ปัญหาคือรูปแบบที่กล่าวมานั้นเป็นแบบหลายสเตจดังนั้นหากผู้ใช้กรอกสเตจ & จากนั้นกลับมาใหม่ค่า 'จำได้' สำหรับฟิลด์ต่างๆจะไม่รีเซ็ตเมื่อคลิกปุ่มล้าง ฉันคิดว่าการแนบฟังก์ชั่น jQuery เพื่อวนรอบทุกฟิลด์และการล้างด้วยตนเอง 'ด้วยตนเอง' จะเป็นการหลอกลวง ฉันใช้ jQuery อยู่ในแบบฟอร์มแล้ว แต่ฉันเพิ่งจะได้รับความเร็วและไม่แน่ใจว่าจะทำยังไงนอกจากการอ้างอิงแต่ละ ID ด้วย ID ซึ่งไม่ใช่วิธีที่มีประสิทธิภาพมาก TIA สำหรับความช่วยเหลือใด ๆ

349 jquery  reset  forms 

ฉันมีบางหน้าพร้อมแบบฟอร์มในใบสมัครของฉัน ฉันจะรักษาความปลอดภัยให้กับฟอร์มได้อย่างไรถ้ามีคนนำทางไปหรือปิดแท็บเบราว์เซอร์พวกเขาควรได้รับแจ้งให้ยืนยันว่าพวกเขาต้องการออกจากแบบฟอร์มด้วยข้อมูลที่ไม่ได้บันทึกจริง ๆ หรือไม่

341 javascript  forms