简单web网页界面

最新推荐文章于 2024-07-01 11:30:22 发布
最新推荐文章于 2024-07-01 11:30:22 发布
阅读量243 收藏
点赞数
文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/l01928/article/details/130658061
版权
这是一个简单的HTML网页，包含一个用户注册表单，包括姓名、性别、生日、地区、婚姻状况、学历、喜欢的类型等字段，以及自我介绍的文本区域，还有免费注册和重置按钮。页面使用了基本的CSS样式，如颜色设置，以及一些HTML5的特性，如响应式布局。用户需同意注册条款和会员加入标准才能完成注册。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        * {

            color: violet;

        }

        li {

            color:black;

        }

        h5 {

            color:yellow;

        }

    </style>

</head>

<body>

<h1>青春不常在，抓紧谈恋爱</h1>

<table width="700" >

    <tr>

        <td>姓名</td>

        <td>

            <input type="text">

        </td>

    </tr>

    <tr>

        <td>性别</td>

        <td>

            <input type="radio" value="nan" id="nan" name="sex">  <label for="nan">男</label>

            <input type="radio" value="nv"id="nv" name="sex">  <label for="nv">女</label>

        </td>

    </tr>

    <tr>

        <td>生日</td>

        <td>

           <select>

            <option selected="selected">--请选择年--</option>

            <option>2001</option>

            <option>2000</option>

            <option>1999</option>

            <option>1998</option>

           </select>

           <select>

            <option selected="selected">--请选择月--</option>

            <option>12</option>

            <option>11</option>

            <option>10</option>

            <option>9</option>

           </select>

           <select>

            <option selected="selected">--请选择日--</option>

            <option>31</option>

            <option>30</option>

            <option>29</option>

            <option>28</option>

            <option>27</option>

            <option>26</option>

            <option>25</option>

            <option>24</option>

           </select>

        </td>

    </tr>

    <tr>

        <td>所在地区</td>

        <td>

            <select>

                <option>金星</option>

                <option>木星</option>

                <option>水星</option>

                <option>火星</option>

                <option>土星</option>

            </select>

        </td>

    </tr>

    <tr>

        <td>婚姻状况</td>

        <td>

            <input type="radio" value="yihun" id="yihun" name="11"> <label for="yihun">已婚</label>

            <input type="radio" value="weihun" id="weihun"name="11"><label for="weihun">未婚</label>

            <input type="radio" value="lihun" id="lihun"name="11"><label for="lihun">离婚</label>

        </td>

    </tr>

    <tr>

        <td>学历</td>

        <td>

            <input type="text">

        </td>

    </tr>

    <tr>

        <td>喜欢的类型</td>

        <td>

            <input type="checkbox" value="wumei" id="wumei"> <label for="wumei">妩媚的</label>

            <input type="checkbox"value="kuku" id="kuku"> <label for="kuku">酷酷的</label>

            <input type="checkbox"value="kawayi" id="kawayi"> <label for="kawayi">卡哇伊</label>

            <input type="checkbox"value="xiaoxianrou" id="xiaoxianrou"> <label for="xiaoxianrou">小鲜肉</label>

            <input type="checkbox"value="dashu" id="dashu"><label for="dashu">大叔</label>

        </td>

    </tr>

    <tr>

        <td>自我介绍</td>

        <td>

            <textare>

            <input type="text">

        </textare>

    </td>

    </tr>

    <tr>

        <td></td>

        <td>

            <input type="submit" value="免费注册">

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

            <input type="reset" value="重置">

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

            <input type="checkbox"checked="checked" >我同意注册条款和会员加入标准

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

           <a href="#">我是会员,立即登录</a>

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

           <h5>我承诺</h5>

           <ul>

            <li>年满18岁,单身</li>

            <li>抱着认真的态度</li>

            <li>寻求我的真爱</li>

            <li>给他人一个家</li>

           </ul>

        </td>

    </tr>

</table>

</body>

</html>

运行结果

 

简单的web界面
04-11
就是一个超简单的web界面只是来试试的 空连接、线条、字形、字体之类的
世上最简单的网页.html
11-15
我头一次自学网页编码，献丑了，用的是html编码哟 (*^__^*) 嘻嘻……
一个简单的登录页面
01-17
用html5写的一个简单的登录页面，文件包含一个页面文件和css文件，在google浏览器上可以直接打开使用。
Web网页作业5个简单网页
11-02
五个简单的网页
用js做个简单的网页
09-30
简单的网页
Modbus-Web-Interface:Modbus客户端的简单Web界面
05-12
**Modbus-Web-Interface: 一个基于Python 2.7的Modbus客户端Web界面** 在工业自动化领域，Modbus协议是一种广泛使用的通信协议，...用户可以通过简单的网页界面进行数据读取和写入，提高了工作效率，降低了操作难度。
简单的web遥控器界面
12-30
标题中的“简单的web遥控器界面”指的是一个基于Web技术实现的远程控制界面，它允许用户通过浏览器进行操作，类似于物理遥控器，但适用于数字设备，如智能家居设备或媒体播放器。这种界面通常由HTML、CSS和...
first-web.rar_web frist_web钢琴_简单的web网页
09-22
标题中的"first-web.rar_web frist_web钢琴_简单的web网页"表明这是一个关于创建简单Web网页的项目，其中包含了与钢琴相关的元素。这个压缩包很可能包含HTML文件和其他相关资源，如图片、CSS样式表或JavaScript文件...
基于web实现的navicat-网页版
06-13
数据编辑和查询：Web版Navicat提供了一个直观的界面，让用户可以方便地编辑和查询数据库中的数据。用户可以浏览表格数据，进行增删改查操作，并支持复杂的SQL查询。 数据导入和导出：用户可以使用Web版Navicat将...
zerotier-web:基本ZeroTier Web界面
04-29
在ZeroTier Web界面中，PHP用于处理HTTP请求，与ZeroTier服务通信，获取和更新网络数据，然后将这些信息以网页形式呈现给用户。PHP的灵活性和易用性使得开发这样一个管理界面变得相对简单，同时也能提供良好的性能和...
web网页设计
07-01
html，js，css，mysqli，关于一个静态和动态网页的设计
web前端页面
07-29
html css
web网页大作业
06-27
上传文件为自己开发的web网页，是用作大作业使用的
web静态网站页面
04-03
web前端编写的一个小型网站，能实现动态交互。主要用到了HTML、CSS和js以及JQuery等，还包括一些插件。
Web网页
weixin_45730243的博客
05-27 1603
web标准的构成 主要包括结构（Structure）、表现(Presentation)和行为(Behavior)三个方面。 标准 说明 结构 结构用于对网页元素进行整理和分类。HTML 表现 表现用于设置网页的版式、颜色、大小等外观样式。css 行为 行为是指网页模型的定义及交互的编写。javascript web标准提出的最佳体验方案：结构、样式、行为分离。 简单理解：结构编写到HTML文件，表现写到CSS文件，行为写到javaScript文件中 网页开发工具 1、文档类型声明
Web全栈~02.表单样式设计
qq_41424688的博客
01-05 1万+
Web基本教程~02.表单 上一期
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 7万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
Web网站
最新发布
lazy_girl_666的博客
07-01 1523
<title>JS-引入方式</title>
web网页介绍
DaDouDouOne的博客
03-29 2431
web网页 解释：万维网上的一个按照HTML格式组织起来的文件。在通过万维网进行信息查询时，以信息页面的形式出现，它可包括图形、文字、声音和视像等信息。 一、技术总图 二、web组成 一个有具体功能的完整网页，一般由3部分组成 1.HTML 网页的具体内容和结构(包括文字，图片，音频和视频等) 2.CSS 网页的样式（美化网页）（包括布局，颜色，大小，距离等） 3.JS 网页的交互效果，比如对用户鼠标事件作出相应 三、网站服务 一个典型的Web服务就是网站服务—— 用户通过浏览器向服务器发起请求 服务器从数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值