简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - input这个提示怎么改变字体？变成那种淡淡的，不这么生硬的？
迷茫
迷茫 2017-04-11 10:26:39
0
4
664

<input name="account" type="text" value="请输入由字母组成的账号名" size="30" onfocus="fn_focus(this);" onblur="fn_blur(this);">

类似于

function fn_focus(ele){
if(ele.value == ele.defaultValue){
ele.value = '';
} else{
ele.style="color:#FF0000";
}
}
function fn_blur(ele){
var reg = /^[s]*$/;
if(reg.test(ele.value) || ele.value == ele.defaultValue){
ele.value = ele.defaultValue;
} else{
ele.style="color:#FF0000";
}
}

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

Antworte allen(4)
洪涛
洪涛2017-04-11 10:28:39 4 Etage

把默认的input背景和边框样式去掉，然后写自己的样式就行了。

input {
    background: none;
    border: none;
    font-size: 20px;
    border: 1px solid #ccc;
    font-family: '微软雅黑';
    ... ...
}
Wie +0
Antwort hinzufügen
PHPzhong
PHPzhong2017-04-11 10:28:39 3 Etage

不是用value做提示……而是placeholder

Wie +0
Antwort hinzufügen
PHPzhong
PHPzhong2017-04-11 10:28:39 2 Etage

里面字应该写在placeholder,改变字体的颜色input[placeholder]里面写样式

Wie +0
Antwort hinzufügen
PHPzhong
PHPzhong2017-04-11 10:28:39 1 Etage

<input type="text" placeholder="请输入用户名" "value="">

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！