W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <form action="/demo/htmldom/action_page.php"> 日期： <input type="date" id="myDate" name="date"> <input type="submit"> </form> <p>单击“试一试”按钮可为日期字段设置 required 属性。</p> <p><b>提示：</b>请在点击“试一试”按钮前后点击“提交”按钮，并查看效果。</p> <button onclick="myFunction()">试一试</button> <p><b>注意：</b>type="date" 的输入元素在 IE 11 和更早版本中不会显示为任何日期字段/日历。</p> <p id="demo"></p> <script> function myFunction() { document.getElementById("myDate").required = true; document.getElementById("demo").innerHTML = "required 属性已设置。现在必须在提交表格之前填写日期字段。"; } </script> </body> </html>