使用表单完成完成个人信息网页的设计 基本信息：姓名，学号，出生日期，手机号码，证件类型，证件号码，学校，学院，专业，学制，入学时间，个人证件图像
程序员文章站
2022-05-29 20:05:38
...
1.使用表单完成完成个人信息网页的设计
2.基本信息有：姓名，学号，出生日期，手机号码，证件类型，证件号码，学校，学院，专业，学制，入学时间，个人证件图像
3.效果图 如下（没有用div划分区域做的有些简陋还请见谅????）
4.具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人信息网页（表单）</title>
</head>
<body>
<h1><font face ="行书" size="5" color="yellow" >个人基本信息</font></h1>
<!-- 表单标签 -->
<form action="#">
您的姓名：<input type="text" value ="荒天帝石昊"><br>
您的学号：<input type="text" value="99999999999"><br>
出生日期：<input type="date" "><br>
手机号码：<input type="text" value="138******"><br>
证件类型：<select >
<option >居民身份证 </option>
<option >其他证件 </option>
</select><br>
证件号码：<input type="text" value= "320322*******"><br>
所在学校： <input type="text" value="********"><br>
所在学院： <input type="text" value="********"><br>
所在专业： <input type="text" value="**********"><br>
所在学制： <input type="text" value="四年"><br>
入学时间：<input type="date" value="*******"><br>
证件图像：<input type="image" src="images/荒天帝.jpg" / width="60" boder="50" >
<hr align="left" color="aqua" width="300"/>
<h2><font face ="华文行楷" size="5" color="lime" >个人兴趣爱好</font></h2>
个人兴趣爱好：<textarea clos="15" rows="15" >荒被尸骸仙帝用大罗剑胎偷袭而被斩中化做亿万血雨，这些血雨洒落在万古岁月，经历无数时空的熬炼，岁月长河的洗礼后最终跨入绝颠成为无敌仙帝，荒和尸骸仙帝打了万载才将尸骸仙帝磨灭，平定所有黑暗动乱的源头，却在古地上空发现一个神秘地方叫上苍之上一个更大更乱的世界：上苍之上，永恒长存，轮回难覆，无上之地。 </textarea><br>
<input type="submit" value="提交">
</form>
</body>
</html>
小提示：
5. 关于图片路径的书写：将html文档与images文件夹放在同一个文件夹里 ,图片放在images文件夹里，图片路径就可以直接写成src=“images/荒天帝.jpg”
6.input里的value属性为默认值，要是想要表单的文本框里不出现文字之类的，直接为空就好了 即value=" " .
上一篇： 开发 flutter原生ios插件