鼠标点击input前：
鼠标点击input后：
html部分：
<body>
<form></form>
</body>
css部分：
input{
width: 200px;
height: 30px;
margin: 10px;
outline: none;
border: 1px solid gray;
}
.active{
border: 1px solid red;
}
js部分：
$(function() {
$("<input>", {
type: "text",
val: "手机号",
focusin: function() {
$(this).addClass("active");
},
focusout: function() {
$(this).removeClass("active");
}
}).appendTo("form");
});
【技术】创建一个 <input> 元素，同时设定 type 属性、属性值，以及一些事件
原文：http://www.cnblogs.com/ybingbing_1213/p/4720620.html