<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输入框为空时错误提醒</title>
<style type="text/css">
#a{
text-align: center;
margin-left: 400px;
margin-top: 80px;
border: #4CAF50 30px groove;
padding-top: 10px;
width: 600PX;
}
</style>
</head>
<body>
<div id="a">
<form action="hello.html" method="get">
<input type="text" name="fname" required="required"/>
<input type="submit" value="提交" />
</form>
<h5> 点击提交,如果输入框为空,浏览器会提示错误信息</h5>
</div>
</body>
</html>
空的时候:

输入后:
本文介绍了一个简单的HTML页面,该页面包含一个输入框和提交按钮。当用户尝试提交空的输入框时,浏览器将显示错误信息,以确保所有必填字段都已填写。
2749

被折叠的 条评论
为什么被折叠?



