ฉันจะใส่คำใบ้ / ตัวยึดตำแหน่งใน asp: TextBox ได้อย่างไร เมื่อฉันพูดคำใบ้ฉันหมายถึงข้อความบางส่วนที่จะหายไปเมื่อผู้ใช้คลิกที่ข้อความนั้น มีวิธีในการบรรลุเดียวกันโดยใช้ html / css หรือไม่?

placeholderแอตทริบิวต์

คุณกำลังมองหาplaceholderแอตทริบิวต์ ใช้มันเหมือนกับแอตทริบิวต์อื่น ๆ ภายในการควบคุม ASP.net ของคุณ:

<asp:textbox id="txtWithHint" placeholder="hint" runat="server"/>

อย่ากังวลเกี่ยวกับ IDE ของคุณ (เช่น Visual Studio) อาจไม่ทราบแอตทริบิวต์ แอตทริบิวต์ที่ไม่ได้ลงทะเบียนกับ ASP.net จะถูกส่งผ่านและแสดงผลตามที่เป็นอยู่ ดังนั้นรหัสด้านบน (โดยทั่วไป) จึงแสดงผลเป็น:

<input type="text" placeholder="hint"/>

ใช้placeholderในทรัพยากร

วิธีที่ดีของการใช้คำใบ้ในการควบคุมคือการใช้ทรัพยากร วิธีนี้คุณอาจมีคำใบ้ในภาษาท้องถิ่น สมมติว่าคุณมีไฟล์index.aspxไฟล์App_LocalResources / index.aspx.resxของคุณประกอบด้วย

<data name="WithHint.placeholder">
    <value>hint</value>
</data>

และการควบคุมของคุณดูเหมือน

<asp:textbox id="txtWithHint" meta:resourcekey="WithHint" runat="server"/>

ผลลัพธ์ที่แสดงจะมีลักษณะเหมือนกับในบทด้านบน

เพิ่มแอตทริบิวต์ในโค้ดด้านหลัง

เช่นเดียวกับแอตทริบิวต์อื่น ๆ ที่คุณสามารถเพิ่มplaceholderในAttributeCollection:

txtWithHint.Attributes.Add("placeholder", "hint");

เพียงแค่เขียนดังนี้:

<asp:TextBox ID="TextBox1" runat="server" placeholder="hi test"></asp:TextBox>

 <asp:TextBox runat="server" ID="txtPassword" placeholder="Password">

วิธีนี้จะได้ผลบางครั้งคุณอาจรู้สึกว่ามันไม่ทำงานเนื่องจาก Intellisence ไม่แสดงตัวยึด

การเพิ่มแอตทริบิวต์ตัวยึดตำแหน่งจากโค้ดหลัง:

txtFilterTerm.Attributes.Add("placeholder", "Filter" + Filter.Name);

หรือ

txtFilterTerm.Attributes["placeholder"] = "Filter" + Filter.Name;

การเพิ่มคุณสมบัติตัวยึดจากเพจ aspx

<asp:TextBox type="text" runat="server" id="txtFilterTerm" placeholder="Filter" />

หรือ

<input type="text" id="txtFilterTerm" placeholder="Filter"/>

asp:TextBox ID="txtName" placeholder="any text here"