表单验证
来源:互联网 发布:xmlbar软件下载 编辑:程序博客网 时间:2024/06/07 17:05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>智能表单</title>
<link rel="stylesheet" href="css/zhineng.css" />
</head>
<body>
<div id="dakuang">
<form >
<fieldset>
<legend >完善个人资料</legend>
<br />
<!--电话标签-->
<label for="">
<input type="tel" size="40" placeholder="请输入手机号"/><br /><br />
</label>
<!--邮箱标签-->
<label for="">
<input type="email" size="40" placeholder="请输入邮箱"/><br /><br />
</label>
<!--密码标签-->
<label for="">
<input type="password" size="40" placeholder="密码有6-20位字母,数字和符号组合"/><br /><br />
</label>
<!--数字标签 可以上下调大小-->
<label for="">
number: <input type="number" name="number" step="3" />
</label><br/>
<!--接口路径标签呢-->
<label for="">
url: <input type="url" name="url" />
</label><br/>
<!--拖动条标签-->
<label for="">
range: <input type="range" name="range" value="100" min="0" max="300"/>
</label><br/>
<!--年月标签-->
<label for="">
month: <input type="month" name="month" />
</label><br/>
<!--年月日标签-->
<label for="">
date: <input type="date" name="date" />
</label><br/>
<!--时间 标签-->
<label for="">
time: <input type="time" name="time" />
</label><br/>
<!--查找标签-->
<label for="">
search: <input type="search" name="search" />
</label><br/>
<!--周标签-->
<label for="">
week: <input type="week" name="week" />
</label><br/>
<!--颜色标签-->
<label for="">
color: <input type="color" name="color" />
</label>
<input type="submit" value="提交"/>
</fieldset>
</form>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>智能表单</title>
<link rel="stylesheet" href="css/zhineng.css" />
</head>
<body>
<div id="dakuang">
<form >
<fieldset>
<legend >完善个人资料</legend>
<br />
<!--电话标签-->
<label for="">
<input type="tel" size="40" placeholder="请输入手机号"/><br /><br />
</label>
<!--邮箱标签-->
<label for="">
<input type="email" size="40" placeholder="请输入邮箱"/><br /><br />
</label>
<!--密码标签-->
<label for="">
<input type="password" size="40" placeholder="密码有6-20位字母,数字和符号组合"/><br /><br />
</label>
<!--数字标签 可以上下调大小-->
<label for="">
number: <input type="number" name="number" step="3" />
</label><br/>
<!--接口路径标签呢-->
<label for="">
url: <input type="url" name="url" />
</label><br/>
<!--拖动条标签-->
<label for="">
range: <input type="range" name="range" value="100" min="0" max="300"/>
</label><br/>
<!--年月标签-->
<label for="">
month: <input type="month" name="month" />
</label><br/>
<!--年月日标签-->
<label for="">
date: <input type="date" name="date" />
</label><br/>
<!--时间 标签-->
<label for="">
time: <input type="time" name="time" />
</label><br/>
<!--查找标签-->
<label for="">
search: <input type="search" name="search" />
</label><br/>
<!--周标签-->
<label for="">
week: <input type="week" name="week" />
</label><br/>
<!--颜色标签-->
<label for="">
color: <input type="color" name="color" />
</label>
<input type="submit" value="提交"/>
</fieldset>
</form>
</div>
</body>
</html>
阅读全文
0 0
- 验证表单
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- 表单验证
- UVa1218
- spring mvc在非Controller类无法使用Service bean解决方案
- 为什么fork调用会返回两次
- windows下tomcat运行时出现java.io.IOException: 您的主机中的软件中止了一个已建立的连接
- RESTful API 特点
- 表单验证
- ESP8266常用脚本命令之一
- Keras classifier分类(二)
- 改变一个list<Map<String,Object>>,并给他重新赋值,不能使用新循环,要使用旧循环
- 算法设计与分析——棋盘覆盖问题
- Android网络连接判断
- kernel编辑一helloworld!!
- Kotlin项目Application registerActivityLifecycleCallbacks 方法踩坑
- DateFormat自带的日期转换格式(很好用的)