<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>required属性</title> </head> <body> <form action="http://localhost/MyService/formaction01.php"> <input type="text" required="required"> <button type="submit">提交</button> <!--required属性可以提示如果需要输入内容时,没有输入不会对网页进行跳转,并提示输入--> </form> <script> function ok() { var textName = document.getElementById("name"); var button = document.getElementById("btnOk"); var form = document.getElementById("f1"); if(textName.value.trim()==""){ var lable = document.createElement("lable"); lable.setAttribute("for","name"); form.insertBefore(lable,button); textName.labels[1].innerHTML = "请输入正确的支付账户"; textName.labels[1].setAttribute("style","font-size:9px;color:red"); } } </script> <form id="f1"> <label id="lable" for="name">账户:</label> <input id="name"> <input type="button" id="btnOk" value="确认" onclick="ok()"> </form> </body> </html>
require和lable属性
猜你喜欢
转载自blog.csdn.net/qq_42036616/article/details/81607189
今日推荐
周排行