HTML5新增表单元素的属性

最新推荐文章于 2021-08-06 01:06:41 发布

原创最新推荐文章于 2021-08-06 01:06:41 发布 · 468 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

学习笔记专栏收录该内容

5 篇文章

订阅专栏

这篇博客详细介绍了HTML表单中的一些增强属性，如placeholder、autofocus、required、multiple等，以及它们在实际应用中的作用。通过示例代码展示了如何使用这些属性来创建更友好的用户输入体验，包括限制输入长度、设置最小值和最大值等，旨在提升网页交互的便捷性和有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新增属性：

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>

在这里插入图片描述