如何用html代码判断输入框是否为空？
用js弄了不行！有木有html代码来实现这个功能的？请高手赐教！还有补充的是，我要做的是多个输入框的，比如说：一个页面，姓名是必须填写的，性别可以不写。代码要怎么写呢？求...
用js弄了不行！有木有html代码来实现这个功能的？请高手赐教！
还有补充的是，我要做的是多个输入框的，比如说：一个页面，姓名是必须填写的，性别可以不写。代码要怎么写呢？求实例。谢谢！ 展开
还有补充的是，我要做的是多个输入框的，比如说：一个页面，姓名是必须填写的，性别可以不写。代码要怎么写呢？求实例。谢谢！ 展开
3个回答
展开全部
如果你不愿用js或者后台语言来实现,
单纯的html只有用html5了,多数的浏览器都没有问题(当然如果你用的是IE7,IE8,或者其他基于IE内核的浏览器就另当别论了),具体写法可以参照:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="post">
<label>用户名:<input type="text" required="required" name="username" id="username"></label>
<br />
性别:
<label><input type="radio" name="gender" id="f">女</label>
<label><input type="radio" name="gender" id="m">男</label>
<br/>
<input type="submit" value="submit">
</form>
</body>
</html>
你可以到这个网站深入探索一下:http://www.w3schools.com/html5/att_input_required.asp
单纯的html只有用html5了,多数的浏览器都没有问题(当然如果你用的是IE7,IE8,或者其他基于IE内核的浏览器就另当别论了),具体写法可以参照:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="post">
<label>用户名:<input type="text" required="required" name="username" id="username"></label>
<br />
性别:
<label><input type="radio" name="gender" id="f">女</label>
<label><input type="radio" name="gender" id="m">男</label>
<br/>
<input type="submit" value="submit">
</form>
</body>
</html>
你可以到这个网站深入探索一下:http://www.w3schools.com/html5/att_input_required.asp
追问
用户名:
是不是主要是这个required="required" ？
我按照你的方法修改了，但还是不行！
我还不知道html5有这样的局限性！
那你能否告诉我用js的具体方法！在哪里插入代码。我用了js老是用不了。
谢谢！！！
追答
恩,没错.
你用了什么浏览器?很低版本的chrome, safari, firefox, opera以及IE9以上的浏览器,上面的代码是可以正常运行的.
javascript理论上可以放在任何位置,但是如果你的javascript访问到了DOM对象,那你最好放在被访问的对象之后,要不你得加一个onload函数判断DOM是不是载入完成了.
下边的代码是用js实现的(再不行的话我也没话了....):
用户名:
性别:
女
男
(function() {
var form = document.getElementById('m-form'),
username = document.getElementById('username');
form.onsubmit = function () {
if (username && username.value) {
return true;
}
alert('请填写用户名');
return false;
}
})();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
正确答案：
姓名：<input type="text" name="username">
性别：<input type="radio" name="sex" value="男"/>男<input type="radio" name="sex"value="女"/>女
姓名：<input type="text" name="username">
性别：<input type="radio" name="sex" value="男"/>男<input type="radio" name="sex"value="女"/>女
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function check(){
var name= document.getElementById("txtName");
if(name.value.length <= 0)
{alert('名字不能为空');}
}
var name= document.getElementById("txtName");
if(name.value.length <= 0)
{alert('名字不能为空');}
}
追问
试过了，不行。希望详细过程。谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
