10.1 表單的應用和初級驗證提示
<body>
<h1>注冊</h1>
<form action="1.我的第一個網頁.html" method="get">
<p>名字： <input type="text" name="username" value="https://www.cnblogs.com/intelliyu/p/默認初始值為intelliyu" maxlength="5" size="15" id="123" readonly></p>
<p>密碼：<input type="password" name="pwd" hidden value="https://www.cnblogs.com/intelliyu/p/123456">
<p>提示資訊：<input type="text" name="text" placeholder="請輸入您的文本">
<p>不能為空：<input type="text" name="text" required>
<p>性別：
<input type="radio" value="https://www.cnblogs.com/intelliyu/p/boy" name="sex" disabled/>男
<input type="radio" value="https://www.cnblogs.com/intelliyu/p/girl" name="sex" checked/>女
</p>
<!--
增強滑鼠可用性（以前只能點框選中，現在想點旁邊的文字也能選中框）
<p>增強滑鼠的可用性
<label for="123">你點我文字可以選中框</label>
<input type="text" id="1234">
</p>
id要與之對應
-->
<p><!--增強滑鼠的可用性-->
<label for="123">你點我文字可以選中框</label>
<input type="text" id="1234">
</p>
<!--正則運算式pattern
<input type="text" name="qqmail" pattern="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
百度搜常用正則運算式（https://www.jb51.net/tools/regex.htm）
-->
<p>自定義郵箱：
<input type="text" name="qqmail" pattern="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
</p>
<p>
<input type="submit">提交的
<input type="reset" value="https://www.cnblogs.com/intelliyu/p/清空表單" disabled>重置的
</p>
<input type="text">
</form>
</body>
readonly：只讀
hidden：隱藏
value 默認值
disabled：禁用
required 表示不能為空 非空框
placeholder 表示框內的提示資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/440433.html
標籤：HTML5
下一篇：嘗試在Python上創建僅包含列名的df時，為什么會出現TypeError:pandas._libs.missing.isnaobj()？Pandas1.4.0相關