有没有办法在type="time"的文本框中设置占位符?现在它显示的时间输入格式像--:--但我想显示像"开始时间"one_answers"结束时间"(在文本框内,而不是在外部标签上(
<asp:TextBox ID="StartingHour" Type="time" runat="server" placeholder="Start Time" required="required" />
这显示--:--
感谢
placeholder
属性设置取决于客户端浏览器对<input type="time" />
的操作方式,但如果您想在用户未选择输入控件时显示占位符,可以尝试以下解决方法:
ASPX
<asp:TextBox ID="StartingHour" runat="server" placeholder="Start Time" required="required" />
JS(jQuery(
// when getting focus
$('#<%= StartingHour.ClientID %>').focus(function () {
$(this).attr('type', 'time');
});
// when losing focus
$('#<%= StartingHour.ClientID %>').focusout(function () {
$(this).attr('type', 'text');
});
注意:同样的方法也可以用于控制EndingHour
的占位符。
JSFiddle示例
更新1:
如果要使用公共前缀(如txtHour
(输入控件,可以将ClientID
模式设置为Static
,并使用前缀作为选择器:
<asp:TextBox ID="txtHour1" runat="server" ClientIDMode="Static" placeholder="Time" required="required" />
<asp:TextBox ID="txtHour2" runat="server" ClientIDMode="Static" placeholder="Time" required="required" />
JS(jQuery(
// when getting focus
$('input[id^="txtHour"]').focus(function () {
$(this).attr('type', 'time');
});
// when losing focus
$('input[id^="txtHour"]').focusout(function () {
$(this).attr('type', 'text');
});
或者使用为所有相关文本框控件分配的共享CSS类:
<asp:TextBox ID="txtHour1" runat="server" CssClass="hour" placeholder="Time" required="required" />
<asp:TextBox ID="txtHour2" runat="server" CssClass="hour" placeholder="Time" required="required" />
JS(jQuery(
// when getting focus
$('.hour').focus(function () {
$(this).attr('type', 'time');
});
// when losing focus
$('.hour').focusout(function () {
$(this).attr('type', 'text');
});
类似的问题:我可以在<输入类型=";时间"/>