HTML button formnovalidate属性

formnovalidate属性

HTML button元素内的formnovalidate属性,一般同type='submit'属性配合使用,指定表单被提交时按钮不会执行验证过程,会覆盖表单的novalidate 属性。


语法

<button type='submit' formnovalidate="formnovalidate">

formnovalidate实例代码,及在线编辑器

下方实例中,一般情况下,当input元素设置了required属性之后,表单被提交时input内并没有输入值,则表单验证的过程会提示表单的输入框必须为必须填写的字段,但在button中添加了fromnovalidate属性之后,即便input当中没有输入内容,表单也可以被提交(可以将fromnovalidate属性删除之后,再运行,然后不输入内容的情况下点击按钮,看看对比的效果):

<form action='https://www.x1y1z1.com/search?' method='get' target='_blank'>
  <input type='text' name='qsearchword' required>
  <button type='submit' formnovalidate="formnovalidate">按钮1</button>
</form>

全栈前端 / HTML属性 :











Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.