js輸入框練習

時間 2020-05-23

原文原文鏈接

這個就是一個輸入框的小練習（也是第一次寫這個東西）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="div1">
    <input class="key" type="text" onfocus="func1()" onblur="func2()" value="請輸入內容">
</div>
<script>
function func1() { var divs=document.getElementsByClassName("div1")[0]; var ini=divs.getElementsByClassName("key")[0]; if (ini.value=="請輸入內容"){ ini.value=""; } } function func2() { var divs=document.getElementsByClassName("div1")[0]; var ini=divs.getElementsByClassName("key")[0]; if (ini.value.trim().length==0){ ini.value="請輸入內容"; } } </script>
</body>
</html>

1. 輸入輸出練習
2. Python輸入輸出練習，運算練習，turtle初步練習
3. js input輸入框校驗
4. （七）練習：輸入字符
5. ACM俱樂部練習- A+B 輸入輸出練習V
6. ACM俱樂部練習-A+B 輸入輸出練習VI
7. A+B 輸入輸出練習VIII
8. 輸入輸出處理練習5
9. java基本輸入輸出練習
10. 輸入輸出處理練習4
更多相關文章...
• ionic 表單和輸入框 - ionic 教程
• C# 文件的輸入與輸出 - C#教程
• Flink 數據傳輸及反壓詳解
• YAML 入門教程

相關標籤/搜索