h5优秀控件_HTML5入门5---HTML5控件元素

第三个页面

}body{font-family:"微软雅黑";max-width::600px;padding:0px 30px;

}h1{margin-top:0px;

}p{margin-top:0px;

}fieldset{margin-bottom:15px;padding:10px;

}legend{padding:0px 3px;font-weight:bold;font-variant:small-caps;

}label{width:110px;display:inline-block;vertical-align:top;margin:6px;

}em{font-weight:bold;font-style:normal;color:blue;

}input:focus{background:#FFFFE0;

}input,textarea{width:250px;

}textarea{height:10;

}input [type=checkbox]{width:10px;

}input [type=radio]{width:10px;

}input [type=submit]{width:150px;padding:10px;

}

functionvalidataCom(input){if(input.value.length< 20){

input.setCustomValidity("请您再输入一些信息");

}else{

input.setCustomValidity("");

}

}functionmySubmit()

{

alert("填写正确");

}

个人信息

Contact Details

姓名* 

Tel  

邮箱 

Personal Information

生日  

年龄  

性别  

男女

编辑

请输入您喜欢的动物

斑马老虎狮子大象