標籤：xxxxx for email url example att sch custom school
（1）串連去掉底線：style="text-decoration:none"
<a href="/example/html/lastpage.html" style="text-decoration:none">這是一個連結！</a>
（2）文字框輸入時提示曾經輸入過的內容：autocomplete="on"，不提示則：autocomplete="off"
autocomplete應該用一保護使用者敏感性資料，避免本地瀏覽器對它們進行不安全的儲存。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body>
<!--Name文字框會提示，Email文字框不會提示--><form action="" method="get" autocomplete="on">Name:<input type="text" name="name" /><br />E-mail: <input type="email" name="email" autocomplete="off" /><br /><input type="submit" /></form></body></html>
（3）文字框提示資訊：placeholder="提示資訊"
向使用者顯示描述性解說文字或者提示資訊
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><p><label for="runnername">姓名:</label><input id="runnername"name="runnername" type="text" placeholder="請輸入姓名" /></p></body></html>
（4）為輸入型的控制項提供可以選擇的列表內容：list，datalist
控制項屬性list=“datalist.id”
<datalist>
<option lable="xxxx" value="xxxxxx"/>
......
</datalist>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body>Webpage: <input type="url" list="url_list" name="link" style="width:250px" /><datalist id="url_list"> <option label="W3School" value="http://www.w3school.com.cn" /> <option label="Google" value="http://www.google.com" /> <option label="Microsoft" value="http://www.microsoft.com" /></datalist></body></html>
（5）必填項驗證：required：required="required"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><form action="" method="get">Name: <input type="text" name="usr_name" required="required" /><input type="submit" value="提交" /></form></body></html>
（6）正則匹配：pattern=“Regex”
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><form action="" method="get">Country code: <input type="text" name="country_code" pattern="[A-z]{3}" title="請輸入三位字母的城市代碼" /><input type="submit" value="提交" /></form></body></html>
（7）Email驗證：type="email"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><form action="" method="get">Email: <input type="email" name="email" required="required"/><input type="submit" value="提交" /></form></body></html>
（8）欄位長度限定：min=“”，max=“”
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><form action="" method="get">Count:<input type="number" id="count" name="count" min="0" max="100" required="required"/><input type="submit" value="提交" /></form></body></html>
（9）驗證兩次密碼是否一致：customError
這個需要用到js的知識，後續再補充
（10）文字框只能輸入數值：type=“number”
單一的數字驗證輸入可以用type，但如果是其他的允許輸入數字和字母的組合等需要用Regex來限定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><body><form action="" method="get">請輸入數字:<input type="number" id="number" name="number" min="6" max="8" required="required"/><input type="submit" value="提交" /></form></body></html>
html欄位驗證
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
