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

แอตทริบิวต์ตัวยึด HTML5 ระบุคำใบ้สั้น ๆ ที่อธิบายถึงค่าที่คาดหวังของช่องป้อนข้อมูล (เช่นค่าตัวอย่างหรือคำอธิบายสั้น ๆ ของรูปแบบที่คาดหวัง) คำใบ้จะแสดงในช่องป้อนข้อมูลเมื่อว่างเปล่าและจะหายไปเมื่อช่องได้รับโฟกัส

30
เปลี่ยนสีตัวยึดตำแหน่งของอินพุต HTML5 ด้วย CSS
Chrome รองรับแอตทริบิวต์ตัวยึดตำแหน่งในinput[type=text]องค์ประกอบ (ส่วนอื่นอาจทำเช่นกัน) แต่สิ่งต่อไปนี้CSSไม่ได้ทำอะไรกับมูลค่าของตัวแทน: input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล Valueจะยังคงอยู่แทนgreyred มีวิธีในการเปลี่ยนสีของข้อความตัวยึดตำแหน่งหรือไม่
30
ฉันจะสร้างตัวแทนสำหรับกล่อง 'เลือก' ได้อย่างไร
ฉันใช้ตัวยึดตำแหน่งสำหรับการป้อนข้อความที่ใช้งานได้ดี แต่ฉันต้องการใช้ตัวยึดตำแหน่งสำหรับ selectboxes ของฉันเช่นกัน แน่นอนฉันสามารถใช้รหัสนี้: <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> แต่ 'เลือกตัวเลือกของคุณ' เป็นสีดำแทนที่จะเป็นสีอ่อน ดังนั้นทางออกของฉันอาจเป็นไปตาม CSS jQuery ก็ใช้ได้เช่นกัน สิ่งนี้ทำให้ตัวเลือกเป็นสีเทาเท่านั้นในดรอปดาวน์ (ดังนั้นหลังจากคลิกลูกศร): option:first { color: #999; } คำถามคือ: ผู้คนสร้างตัวยึดตำแหน่งใน Selectboxes ได้อย่างไร แต่มันก็ได้รับคำตอบแล้วเสียงเชียร์ และการใช้ผลลัพธ์นี้ในค่าที่เลือกจะเป็นสีเทาเสมอ (แม้หลังจากเลือกตัวเลือกจริง): select { color: #999; }
30
ฉันจะเพิ่มข้อความตัวยึดตำแหน่งภายใน UITextView ใน Swift ได้อย่างไร
UITextViewฉันทำแอพลิเคชันที่ใช้หนึ่ง ตอนนี้ฉันต้องการให้มุมมองข้อความมีตัวยึดตำแหน่งคล้ายกับที่คุณสามารถตั้งค่าสำหรับฟิลด์ข้อความ คุณจะทำให้สำเร็จด้วยการใช้ Swift ได้อย่างไร
26
ฉันจะซ่อนข้อความตัวยึดตำแหน่งโดยอัตโนมัติเมื่อทำการโฟกัสโดยใช้ css หรือ jquery ได้อย่างไร
นี้จะกระทำโดยอัตโนมัติสำหรับเบราว์เซอร์ทุกยกเว้นChrome ฉันเดาฉันต้องกำหนดเป้าหมายเฉพาะChrome ทางออกใด ๆ ? ถ้าไม่ได้กับCSSแล้วด้วยjQuery ? ขอแสดงความนับถือ.
9
HTML5 textarea placeholder ไม่ปรากฏขึ้น
ฉันไม่สามารถทราบได้ว่าเกิดอะไรขึ้นกับมาร์กอัปของฉัน แต่ตัวยึดสำหรับพื้นที่ข้อความจะไม่ปรากฏ ดูเหมือนว่ามันอาจถูกคลุมไว้ด้วยช่องว่างและแท็บบางส่วน เมื่อคุณมุ่งเน้นที่พื้นที่ข้อความและลบตำแหน่งที่เคอร์เซอร์วางไว้จากนั้นออกจากพื้นที่ข้อความตัวยึดตำแหน่งที่เหมาะสมจะปรากฏขึ้น <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" …
17
ป้อนตัวยึดตำแหน่งสำหรับ Internet Explorer
HTML5 แนะนำplaceholderคุณสมบัติในinputองค์ประกอบซึ่งช่วยให้สามารถแสดงข้อความเริ่มต้นเป็นสีเทา น่าเศร้าที่ Internet Explorer รวมถึง IE 9 ไม่รองรับ มีสคริปต์ตัวยึดตำแหน่งบางตัวอยู่แล้ว พวกเขามักจะทำงานโดยการใส่ข้อความเริ่มต้นในช่องใส่ให้เป็นสีเทาและลบมันอีกครั้งทันทีที่คุณมุ่งเน้นช่องใส่ ข้อเสียเปรียบของวิธีนี้คือข้อความตัวยึดอยู่ในช่องใส่ ดังนั้น: สคริปต์ไม่สามารถตรวจสอบได้ง่ายว่าฟิลด์อินพุตว่างหรือไม่ การประมวลผลด้านเซิร์ฟเวอร์ต้องตรวจสอบกับค่าเริ่มต้นเพื่อไม่ให้แทรกตัวยึดตำแหน่งลงในฐานข้อมูล ฉันต้องการโซลูชันที่ข้อความตัวยึดไม่ได้อยู่ในอินพุต
14
คุณสามารถมีข้อความตัวยึด HTML5 หลายบรรทัดใน <textarea> ได้หรือไม่
ฉันมีข้อความผีในฟิลด์ข้อความที่หายไปเมื่อคุณมุ่งเน้นไปที่พวกเขาโดยใช้คุณลักษณะตัวยึดตำแหน่งของ HTML5: &lt;input type="text" name="email" placeholder="Enter email"/&gt; ฉันต้องการใช้กลไกเดียวกันนี้เพื่อมีข้อความตัวยึดหลายบรรทัดใน textarea บางทีอาจเป็นอย่างนี้: &lt;textarea name="story" placeholder="Enter story\n next line\n more"&gt;&lt;/textarea&gt; แต่สิ่งเหล่านั้น\nปรากฏในข้อความและไม่ก่อให้เกิดการขึ้นบรรทัดใหม่ ... มีวิธีที่จะมีตัวยึดหลายบรรทัดหรือไม่? อัปเดต : วิธีเดียวที่ฉันได้รับการทำงานนี้คือการใช้ปลั๊กอิน jQuery Watermarkซึ่งยอมรับ HTML ในข้อความตัวยึดตำแหน่ง: $('.textarea_class').watermark('Enter story&lt;br/&gt; * newline', {fallback: false});
23
การเพิ่มข้อความตัวยึดตำแหน่งลงในกล่องข้อความ
ฉันกำลังมองหาวิธีเพิ่มข้อความตัวยึดตำแหน่งในกล่องข้อความอย่างที่คุณสามารถทำได้ด้วยกล่องข้อความใน html5 คือถ้ากล่องข้อความไม่มีข้อความก็จะเพิ่มข้อความEnter some text hereเมื่อผู้ใช้คลิกที่ข้อความตัวยึดจะหายไปและอนุญาตให้ผู้ใช้ป้อนข้อความของตัวเองและถ้ากล่องข้อความหมดโฟกัสและยังไม่มีข้อความตัวยึดตำแหน่งคือ เพิ่มกลับไปที่กล่องข้อความ
147 c#  wpf  placeholder 
11
ตัวยึดใน IE9
ดูเหมือนว่ามันจะเป็นปัญหาที่รู้จักกันดี แต่การแก้ปัญหาทั้งหมดที่ฉันพบใน Google ไม่ทำงานบน IE9 ที่เพิ่งดาวน์โหลดมา วิธีใดที่คุณชอบเพื่อเปิดใช้งานPlaceholderคุณสมบัติบนinputและtextareaแท็ก ทางเลือก: ฉันเสียเวลาไปมากและไม่ได้มองหาrequiredที่พัก คุณจะมีคำแนะนำสำหรับสิ่งนี้หรือไม่? เห็นได้ชัดว่าฉันสามารถตรวจสอบค่าใน PHP แต่เพื่อช่วยให้ผู้ใช้คุณสมบัตินี้มีความสะดวกมาก
14
วิธีรองรับแอตทริบิวต์ตัวยึดตำแหน่งใน IE8 และ 9
ฉันมีปัญหาเล็กน้อยplaceholderแอตทริบิวต์สำหรับช่องป้อนข้อมูลไม่ได้รับการสนับสนุนใน IE 8-9 วิธีใดเป็นวิธีที่ดีที่สุดในการให้การสนับสนุนในโครงการของฉัน (ASP Net) ฉันใช้ jQuery ฉันต้องการใช้เครื่องมือภายนอกอื่น ๆ หรือไม่? คือhttp://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.htmlเป็นทางออกที่ดี?
30
ไม่แสดงตัวยึดสำหรับฟิลด์ประเภทอินพุต =“ วันที่”
ฉันกำลังทำแอพ phonegap เมื่อฉันกำลังลองtype="date"ช่องป้อนข้อมูลดังที่แสดงด้านล่างมันจะแสดงตัวเลือกวันที่ใน iPhone ตามที่ฉันคาดไว้ แต่มันไม่แสดงตัวยึดตำแหน่งที่ฉันให้ไว้ ฉันพบปัญหาเดียวกันที่นี่ใน SO แต่ไม่มีวิธีแก้ปัญหาใด ๆ &lt;input placeholder="Date" class="textbox-n" type="date" id="date"&gt;
17
ใช้ไอคอน Font Awesome ใน Placeholder
เป็นไปได้ไหมที่จะใช้ Font Awesome Icon ใน Placeholder ฉันอ่านแล้วว่าไม่อนุญาตให้ใช้ HTML ในตัวยึดตำแหน่ง มีวิธีแก้ปัญหาหรือไม่? placeholder="&lt;i class='icon-search'&gt;&lt;/i&gt;"
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.