本文介绍了一个简单的HTML表单示例，展示了如何使用pattern属性进行Email地址的有效性验证。通过内联样式设置了表单元素的宽度，并使用了特定的正则表达式来确保用户输入符合Email的标准格式。
<!doctype html>
<html>
<head>
<style>
#test1{
width:221px;
}
</style>
<script>
</script>
<meta charset="UTF-8">
</head>
<body>
<form>
请输入Email:<input type="text" pattern="^\w+@\w+(\.com)">
<!--pattern属性是用来验证输入的，里面可以设置正则表达式，这一段正则表达式是用来验证email的-->
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<style>
#test1{
width:221px;
}
</style>
<script>
</script>
<meta charset="UTF-8">
</head>
<body>
<form>
请输入Email:<input type="text" pattern="^\w+@\w+(\.com)">
<!--pattern属性是用来验证输入的，里面可以设置正则表达式，这一段正则表达式是用来验证email的-->
<input type="submit">
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
