學習泛型完整篇
阿新 • • 發佈：2022-05-17
html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1" name="viewport"> <title> INns </title> <link href="E:\桌面\Html.T\style\Progres.css" rel="stylesheet" type="text/css"/> </meta> </meta> </head> <body> <h1> 學生檔案 </h1> <form> <p> <h3> 姓名:</h3> <input name="name" placeholder="請輸入姓名" size="20" type="text"/> </p> <p> <h3> 手機號碼: </h3> <input name="tel" placeholder="請輸入手機號碼" size="20" type="tel"/></p> <p> <h3> 郵箱地址: </h3> <input name="email" placeholder="請輸入郵箱地址" size="20" type="email"/> </p> <p> <h3> 所屬學院: </h3> <select name="學院"> <option selected="selected" value="A1學院"> 電腦科學與工程學院 </option> <option value="A2學院"> 馬克思主義學院 </option> <option value="A3學院"> 應用技術學院 </option> </select> <p> <h3> 入學成績: </h3> <input name="grade" size="20" type="number"/> </p> <p> <h3> 入學日期: </h3> <input name="date" size="20" type="date" value="年/月/日"/> </p> <p> <h3> 畢業日期: </h3> <input id="Date" size="20" type="date"value="年/月/日"/> </p> <p> <h3> 課程進度: </h3> <progress max="100" value="25"> </progress> </p> </p> </form> </body>
</html>
css:
progress { display: inline-block; width: 160px; height: 20px; border: 1px solid #767676; background-color:#e6e6e6; color: #7baaf7; } progress::-moz-progress-bar { background: #7baaf7; } progress::-webkit-progress-bar { background: #e6e6e6; } progress::-webkit-progress-value { background: #7baaf7; }