input[type=text]{
border:1px solid #ccc;
padding:.5rem .3rem;
}
input[type=text]:focus {
border-color:#42b983;
}
input{
outline:none;
}
tr:nth-of-type(odd) {
background-color:red;
}
tr:nth-of-type(even) {
background-color:#BCBCBC;
}
The way the front end processes the data returned by the back end:
var resule ='"; //Define an empty string
Then build, i.e. string concatenation like:
result = "<div>"+data.name + "</div>";
Finally append is placed somewhere:
$('#div').append(result);
Disadvantages of this method: the amount of code is too large, and it is particularly troublesome to maintain. The way to improve it is to use the template engine to specifically look at the relevant video.