html+css入门基础案例之页面设计
2024-08-30 20:47:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3></h3>
<tabel width="" border="">
<!-- 第一行 -->
<tr>
<td>性别</td></tr>
<td>
<input type="radio" name="sex" id="nan"> <label for="nan"><img src="data:images/man.jpg">男</label>
<input type="radio" name="sex" id="nv"> <label for="nv"><img src="data:images/women.jpg">女</label>
</td><br>
<!-- 第二行 -->
<tr>
<td>生日</td>
<td>
<select> <option>--请选择年--</option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option> </select>
</td>
</tr> <select>
<option>--请选择月--</option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option> </select> <select>
<option>--请选择日--</option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option> </select>
</tr> <br>
<tr> 所在地区
<input type="text">
</tr><br>
<tr>
婚姻状况
<input type="radio" name="sex1">未婚
<input type="radio" name="sex1">已婚
<input type="radio" name="sex1">离婚
</tr><br>
<tr>
学历
<input type="text">
</tr><br>
<tr>
喜欢的类型
<input type="radio" name="sex11">妩媚的
<input type="radio" name="sex11">可爱的
<input type="radio" name="sex11">小鲜肉
<input type="radio" name="sex11">老腊肉
<input type="radio" name="sex11">都喜欢
</tr><br> <tr>
<form>
自我介绍
<textarea>自我介绍</textarea>
</form>
</tr><br>
<tr>
<input type="submit" value="免费注册">
</tr>
<br>
<tr>
<input type="radio">我同意注册条款和会员加入标准
</tr><br>
<tr>
<a href="#">我是会员,立即登录</a> </tr><br>
<tr>
<h4>我承诺</h4>
<ul>
<li>年满十八岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</tr> </tabel>
</body>
</html>
最新文章
- 配置jdk相关的记录
- HDNOIP201404最短路径
- PHP date 格式化一个本地时间/日期
- Linux命令行–走进shell
- 内容与Tag
- [微信小程序] 终于可以愉快的使用 async/await 啦
- dom 笔记
- MVC+MEF+UnitOfWork+EF架构,网站速度慢的原因总结!(附加ANTS Memory Profiler简单用法)
- Managing TCP Connections in Dynamic Spectrum Access Based Wireless LANs
- 基于Velocity开发自己的模板引擎
- [最短路][部分转]P1027 Car的旅行路线
- ztree使用font-awesome字体的问题,
- html的分类与特点
- selenium自动化测试在富文本中输入信息的方法
- SpringMVC+JWT+Swagger UI+RestFul
- JVM学习三:静态分派
- rest_framework之视图及源码剖析
- ReentrantLock实现原理分析
- 行转列group_concat()函数妙用
- grunt-inline:一个资源内嵌插件
热门文章
- windows 下 安装 RabbitMQ
- 微信小程序自动化测试最佳实践(附 Python 源码)
- .NET Core + K8S + Apollo 玩转配置中心
- sqlalchemy怎么order_by降序/升序并取第一条数据
- Linux环境下安装Redis数据库
- selenium定位方法(一)
- vscode 安装go插件失败后,最简单的方法
- 方法在class文件中的存在形式MethodInfo
- Javascript常见数据类型API
- Cortex-M4的快速memcpy,根据数据对齐情况自动优化,速度为普通memcpy的1.3到5.2倍