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