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