【原创】关于input表单的一些常用属性，强制数字，强制填写，强制中文，未填写无法提交等属性

<input type="text" required="required" value="" />

复制代码

加上required 这个属性表示必填字段。

<input type="text" placeholder="请输入姓名" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">

复制代码

加上onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')" 这个属性表示只可填写中文汉字字段。

<input type="text" placeholder="请输入手机号" oninput="value=value.replace(/[^\d]/g,'')">

复制代码

加上oninput="value=value.replace(/[^\d]/g,'')" 这个属性表示只可填写阿拉伯数字字段。

<input type="text" required oninvalid="setCustomValidity('留言不成功，请填写您的姓名，仅支持中文汉字！');" οninput="setCustomValidity('');">

复制代码

加上required oninvalid="setCustomValidity('留言不成功，请填写您的姓名，仅支持中文汉字！');" οninput="setCustomValidity('');"这个属性表示提交不成功则提示留言不成功，请填写您的姓名，仅支持中文汉字！信息字段。
部分演示效果

禁止复制:
oncopy="return false"

复制代码

禁止粘贴:
onpaste="return false"

复制代码

禁止剪切:
oncut="return false"

复制代码

禁止右键弹出:
oncontextmenu="return false"

复制代码

关闭自动完成功能（缓存）:
autocomplete="off"

复制代码

自动获得焦点：
autofocus="autofocus"

复制代码

禁用自动更正:
autocorrect="off"

复制代码

来关闭键盘默认首字母大写(移动端)：
autocapitalize="off"

复制代码

不对元素的文本进行拼写检查：
spellcheck="false"

复制代码

		自动登录	找回密码
密码			立即注册

【原创】关于input表单的一些常用属性，强制数字，强制填写，强制中文，未填写无法提交等属性-Discuz教程下载

【原创】关于input表单的一些常用属性，强制数字，强制填写，强制中文，未填写无法提交等属性

相关文章

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】通过计划任务，实现Sitemap.xml地图制作33人阅读

修改Discuz!X3.5系统内置的DIY幻灯片样式43人阅读

【原创】调用帖子内容页封面图片，提升搜索引擎优化71人阅读

【原创】Discuz!X3.5版本无法访问uc_server中心解决办法414人阅读

【实测】各类meta标签的作用说明546人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS714人阅读

【原创】discuz论坛首页四格，幻灯片+文字列表切换功能DIY+CSS+j2439人阅读

【原创】侧边导航栏样式，点击跳转到对应位置的DIY+CSS模块2210人阅读

【原创】分享一款html5+css3带倒计时效果并跳转指定网址的单页DI2421人阅读

【原创】分享一款横排5格免扣字体素材资源下载风格DIY+JS+CSS模2715人阅读

所属版块