html5中新增表单控件和属性

最新推荐文章于 2024-04-29 22:26:37 发布

只看五分钟佩奇的小姑姑

最新推荐文章于 2024-04-29 22:26:37 发布

阅读量2.5k

点赞数

文章标签： html5 标签表单控件

本文链接：https://blog.csdn.net/Aloe_904/article/details/78404651

版权

前端的尘封往事专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html5表单控件</title>
</head>
<body>
    <form>
    <!-- <input type="email">-->
    <!-- <input type="tel">  -->
    <!-- <input type="url"> -->
    <!-- <input type="search"> -->
    <!-- <input type="range" step="2" min="0" max="10" value="5"> -->
    <!-- <input type="num"> -->
    <!-- <input type="color"> -->
    <!-- <input type="datetime"> -->
    <!-- <input type="time"> -->
    <!-- <input type="date"> -->
    <!-- <input type="week"> -->
    <!-- <input type="month"> -->


    <input type="text" placeholder="请输入4到16个字符" autocomplete="on" autofocus>

    <input type="submit" value="提交" formaction="http://my.csdn.net/Aloe_904">
    <input type="button" value="提交到草稿箱" >

    </form>
</body>
</html>
<!-- 
以下当格式不正确的时候，验证不会通过的
email :电子邮箱文本框，当输入的不是邮箱的格式，验证不会通过，移动端的键盘会有变化
tel:电话号码，移动端 会变成数字键盘
url：网址。
search:搜索引擎
range:数值选择器 step:每次跳的步数 min:最小值 max：最大值  value:此时的值
num:数字
color：颜色
datetime:显示完整的日期
datetime-local:显示完整的日期，不含时区
time：显示时间，不含时区
date：显示日期
week：显示周
month：显示月

新加属性：
palcehoder:显示提示信息，
autocomplete:是否保存用户输入值，默认是on，关闭提示选择off
autofocus：鼠标焦点自动聚集，没有值
list和datelist:为输入框构造一个选择列表（list的值为datalist的ID）
required：必须填写
pattern:正则验证，例如pattern="\d{1,5}"只能输入1到5 的数字
formaction:在submit中定义提交地址,只在submit中有用
-->

只看五分钟佩奇的小姑姑

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html5中新增表单控件和属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html5表单控件</title></head><body> <form>   <!-- <inp
复制链接

扫一扫