10.1 表单的应用和初级验证提示
10.1 表单的应用和初级验证提示
<body>
<h1>注册</h1>
<form action="1.我的第一个网页.html" method="get">
<p>名字： <input type="text" name="username" value="默认初始值为intelliyu" maxlength="5" size="15" id="123" readonly></p>
<p>密码：<input type="password" name="pwd" hidden value="123456">
<p>提示信息：<input type="text" name="text" placeholder="请输入您的文本">
<p>不能为空：<input type="text" name="text" required>
<p>性别：
<input type="radio" value="boy" name="sex" disabled/>男
<input type="radio" value="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="清空表单" disabled>重置的
</p>
<input type="text">
</form>
</body>
readonly：只读
hidden：隐藏
value 默认值
disabled：禁用
required 表示不能为空 非空框
placeholder 表示框内的提示信息
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列1：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现