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

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

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

来自版块: Discuz教程发表于: 2019-12-17 17:05:19
28914
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
  1. <input type="text" required="required" value="" />
复制代码
加上required 这个属性表示必填字段 。
  1. <input type="text" placeholder="请输入姓名" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">
复制代码
加上onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')" 这个属性表示只可填写中文汉字字段。
  1. <input type="text" placeholder="请输入手机号" oninput="value=value.replace(/[^\d]/g,'')">
复制代码
加上oninput="value=value.replace(/[^\d]/g,'')" 这个属性表示只可填写阿拉伯数字字段。
  1. <input type="text" required oninvalid="setCustomValidity('留言不成功，请填写您的姓名，仅支持中文汉字！');" οninput="setCustomValidity('');">
复制代码
加上required oninvalid="setCustomValidity('留言不成功，请填写您的姓名，仅支持中文汉字！');" οninput="setCustomValidity('');"这个属性表示提交不成功则提示留言不成功，请填写您的姓名，仅支持中文汉字！ 信息字段。
部分演示效果
1.png
2.png
  1. 禁止复制:
  2. oncopy="return false"
复制代码
  1. 禁止粘贴:
  2. onpaste="return false"
复制代码
  1. 禁止剪切:
  2. oncut="return false"
复制代码
  1. 禁止右键弹出:
  2. oncontextmenu="return false"
复制代码
  1. 关闭自动完成功能（缓存）:
  2. autocomplete="off"
复制代码
  1. 自动获得焦点：
  2. autofocus="autofocus"
复制代码
  1. 禁用自动更正:
  2. autocorrect="off"
复制代码
  1. 来关闭键盘默认首字母大写(移动端)：
  2. autocapitalize="off"
复制代码
  1. 不对元素的文本进行拼写检查：
  2. spellcheck="false"
复制代码
input，属性，提交，中文，强制，数字

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部