欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5新增表单元素的属性

程序员文章站 2022-05-11 14:05:19
...

新增属性:

placeholder——默认提示
autofocus——自动获取焦点,建议写在第一个单元格上
required——必填项
multiple——可以输入多个,多配合邮箱和网址使用
minlength、maxlength——最小长度、最大长度
min、max——最小值、最大值,配合数字和范围使用

实例:

<form action="" name="form1">
    <p>
        用户名:<input type="text" placeholder="用户名/邮箱/手机" autofocus required name="userName" minlength="2" maxlength="6"/>
    </p>
    <p>
        密码:<input type="password" placeholder="密码" name="password" />
    </p>
    <p>
        邮箱:<input type="email" multiple/>
    </p>
    <p>
        <input type="submit" />
        <input type="reset" />
    </p>
</form>

HTML5新增表单元素的属性

相关标签: 学习笔记 html