作成日: 2017/02/02 最終更新日: 2017/02/02
文書種別
使用方法
詳細
C1Inputでは直接的な機能は用意されておりませんが、下記のコードのようにCSS設定とfocus／blurイベントを組みわせることで、プレースホルダの文字色やフォントを任意に設定することができます。
◎サンプルコード(aspx)
◎サンプルコード(aspx)
<style type="text/css">
#C1InputText1 {
color: red;
font: bold 15px Arial;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#C1InputText1").focus(function () {
$("#C1InputText1").css("color", "black");
$("#C1InputText1").css("font", "normal 15px Verdana");
});
$("#C1InputText1").blur(function () {
if ($("#C1InputText1").val() == "") {
$("#C1InputText1").css("color", "red");
$("#C1InputText1").css("font", "bold 15px Arial");
}
});
});
</script>
<wijmo:C1InputText ID="C1InputText1" runat="server" Placeholder="入力してください">
</wijmo:C1InputText>
#C1InputText1 {
color: red;
font: bold 15px Arial;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#C1InputText1").focus(function () {
$("#C1InputText1").css("color", "black");
$("#C1InputText1").css("font", "normal 15px Verdana");
});
$("#C1InputText1").blur(function () {
if ($("#C1InputText1").val() == "") {
$("#C1InputText1").css("color", "red");
$("#C1InputText1").css("font", "bold 15px Arial");
}
});
});
</script>
<wijmo:C1InputText ID="C1InputText1" runat="server" Placeholder="入力してください">
</wijmo:C1InputText>
旧文書番号
81959