[网页编程]-11 HTML5 表单增强
HTML5中的表单增强确实好用,大家可以来试试看
测试代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form>
<p>
<!--邮箱-->
邮箱: <input type="email" />
</p>
<p>
<!--数字-->
年龄: <input type="number" />
</p>
<p>
<!--滑动器-->
滑动器: <input type="range" />
</p>
<p>
<!--搜索框-->
搜索: <input type="search" />
</p>
<p>
<!--日期的框-->
日期: <input type="date" />
</p>
<p>
<!--日期的框-->
日期: <input type="week" />
</p>
<p>
<!--日期的框-->
日期: <input type="month" />
</p>
<p>
<!--颜色-->
日期: <input type="color" />
</p>
<p>
<!--网址-->
网址: <input type="url" />
</p>
<p>
<input type="submit" value="提交" />
<input type="reset" value="清空" />
</p>
</form>
<hr />
<!--
H5中表单增强的属性
placeholder
autofocus:自动的获得焦点
max：最大值
min：最小值
minlength:最小长度
maxlength:最大长度
-->
<form>
<p>
账号:<input type="text" placeholder="手机号/邮箱/账号" autofocus/>
</p>
<p>
密码:<input type="number" max="130" min="0" />
</p>
<p>
密码:<input type="password" minlength="2" maxlength="4" />
</p>
<p>
<input type="submit" value="提交" />
<input type="reset" value="清空" />
</p>
</form>
</body>
</html>网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条
相关文章
-
[网页编程]-03 JavaScript 变量
2023-12-27
67194 浏览
【1】JS中变量的声明var变量名=值；【2】JS中变量的使用注意的事项A、js中的变量的名称和java中标识符的命名保持一致就可以了。B、js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖C、js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。
-
[网页编程]-07 JavaScript 函数
2023-12-27
66551 浏览
函数的声明函数在JavaScript中本身也是一个对象,这个是要明确的第一种用的也是最多的（1）function函数名（）{函数体}调用代码
-
[网页编程]-06 JavaScript 控制语句
2023-12-27
67242 浏览
JavaScript中的控制语句大体和我们的java相似,只是写法略微不同,下面以代码的形似展现一下知识点1打印到浏览器上/*直接把信息打印到浏览器上*/document.write("
");知识点2控制语句-
关注我们
扫一扫关注公众号
添加我为好友，拉您入交流群！
添加我为好友，拉您入交流群！
请使用微信扫一扫!
-