HTML5学生档案表单设计代码,学生的档案HTML5编写

练习学生的表单

学生的档案

姓名:

id="userName" placeholder="请输入用户名">

手机号：

id="userphone">

邮箱地址：

所属的学院

入学成绩:

基础水平:

入学日期:

毕业日期:

document.getElementById("score").οninput=function(){

document.getElementById("level").value=this.value;

}

还需朋者说上事是础一发一开程和开数的目前间有接下来就是css的样新直能分支调二浏页器朋代说，事刚式的代码

*{

padding: 0;

margin: 0;

}

form{

width: 600px;

margin: 20px auto;

}

form > fieldset{

padding: 10px;

}

form > fieldset > meter,

form> fieldset > input{

width: 100%;

height: 40px;

line-height: 40px;

margin: 10px 0;

border: none;

border: 1px solid #ccc;

border-radius: 4px;

font-size: 16px;

padding-left: 5px;

/*width=内容+padding+border*/

box-sizing: border-box;

}

form > fieldset > meter{

padding-left:0px;

}

说明：

1.

标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。

2. legend元素为定义标题(caption)。

本文来源于网络：查看 >https://blog.csdn.net/shisjieshoufu/article/details/81505158