本文主要是介绍HTML个人信息表(不带校验),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
本文只为了熟悉一些功能,特写此代码
【一】代码实现:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>个人信息确认</title>
</head>
<body>
<h1 align="center" style="background-color: aquamarine">个人信息</h1>
<p>用户名:<input type="text" name="username" aria-placeholder="请输入用户名"></p>
<p>女<input type="radio" value="女" name="性别" checked>男<input type="radio" value="男" name="性别">
</p>
<p>出生日期:<select><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option></select><select><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option></select>
</p>
<p>出生地:<select><option>北京</option><option>上海 </option><option>广东</option><option>浙江</option><option>陕西</option><option>山东</option><option>江苏</option></select>
<p>邮件地址:<input type="email">
</p>
<p>未婚<input type="radio" name="married" checked>已婚<input type="radio" name="married">离婚<input type="radio" name="married">
</p>
<p>
<big>爱好:</big>唱歌<input type="checkbox" name="hobby">舞蹈<input type="checkbox" name="hobby">书法<input type="checkbox" name="hobby">乐器<input type="checkbox" name="hobby">游戏<input type="checkbox" name="hobby">手工<input type="checkbox" name="hobby">其他<input type="checkbox" name="hobby">
</p>
<input type="submit" value="提交">
</body>
</html>
【二】效果实现:
这篇关于HTML个人信息表(不带校验)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!