我们来看看一个提交建议的实例界面很简单主要是:
结构代码里,用户名是必须要输入的,email是可选的,建议内容字符在4到20个字符之间(这里配合的pattern属性的用法).
我们接着写出CSS代码,其实就是改变其输入框的背景.
input:valid{
background-color: #44b549;
}
input:invalid {
background-color: crimson;
}
最后的界面效果如下:
大家试着输入相应的匹配文字或者不匹配的文字,看看效果如何!看看是否对比有很大帮助!
融入编程人的生活,了解他们的思维模式,了解他们的喜怒哀乐,关注编程的人.
下载本文