HTML17:表单初级验证

表单初级验证

  • 常用方式

    • placeholder 提示信息
    html 复制代码
    <p>名字:<input type="text" name="username" maxlength="8" size="30" placeholder="请输入用户名"></p>
    • required 非空判断
    html 复制代码
    <p>名字:<input type="text" name="username" maxlength="8" size="30" placeholder="请输入用户名" required></p>
    • pattern 正则表达式
    html 复制代码
    <p>身份证:
        <input type="text" name="diymail" pattern="^\d{15}|\d{18}$">
    </p>
相关推荐
这儿有一堆花5 小时前
VAST视频广告技术实现:从零开始搭建视频广告投放系统
音视频·html5
YUJIANYUE7 小时前
html5+css3+canvas长文转长图工具支持换行
前端·css3·html5
coding随想2 天前
深入浅出HTML5 CSS类扩展:getElementsByClassName和classList属性
前端·css·html5
典学长编程2 天前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第一天(HTML5)
javascript·css·html·html5
全球网站建设3 天前
从结构到交互:HTML5进阶开发全解析——语义化标签、Canvas绘图与表单设计实战
javascript·前端框架·php·reactjs·css3·html5
低代码布道师4 天前
HTML5 `<figure>` 标签:提升网页语义化与可访问性的利器
前端·html·html5
有事没事实验室5 天前
node.js中的path模块
前端·css·node.js·html·html5
OEC小胖胖5 天前
组件化(一):重新思考“组件”:状态、视图和逻辑的“最佳”分离实践
前端·javascript·html5·web
Darling02zjh6 天前
HTML5
前端·html·html5
Micro麦可乐8 天前
前端拖拽排序实现详解:从原理到实践 - 附完整代码
前端·javascript·html5·拖拽排序·drop api·拖拽api