1 Star 0 Fork 0

masterjian/html5_2024

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
input.html 2.17 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>输入框Input</title>
</head>
<body>
我,李四,编辑了一下
<form>
<table>
<tr>
<td>
账号
</td>
<td>
placeholder: 用于输入框的提示信息
<br>
autofocus: 页面加载完毕后,控件自动获得焦点
<br>
pattern: 由浏览器根据正则表达式自动校验输入的内容<br>
<input autofocus pattern="\d{11}" type="text" placeholder="账号(只能是手机号)" name="username" id="username" required>
<label for="" style="color: red;">*</label> 请输入11位手机号
<input type="hidden" name="userid" value="12344">
</td>
</tr>
<tr>
<td>
<label for="nickname_label">
昵称
</label>
</td>
<td>
readonly\disabled: 都可以实现不允许用户修改内容,但是显示的样式稍有不同
<br>
<input type="text" name="nickname" id="nickname_label" value="nickname2024">
<br>
<input type="text" readonly name="nickname" id="nickname" value="nickname2024">
<br>
<input type="text" disabled name="nickname1" id="nickname1" value="nickname2024">
</td>
</tr>
<tr>
<td>
密码
</td>
<td>
<input type="password" name="userpwd" id="userpwd" required>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit">
</td>
</tr>
</table>
</form>
我,张三,改动了这一行
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/techcity/html5_2024.git
git@gitee.com:techcity/html5_2024.git
techcity
html5_2024
html5_2024
master

搜索帮助