HTML简单运用

最新推荐文章于 2024-06-02 15:15:42 发布
最新推荐文章于 2024-06-02 15:15:42 发布
阅读量53 收藏
点赞数 1
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crrrrrr9/article/details/129837165
版权

HTML简单运用td，tr，form，table等标签做一个简单用户注册框

<!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>简易注册框</title>

</head>

<body>

 <form action="https://www.baidu.com/?tn=21002492_51_hao_pg" action="get">

    <table border="1" bgcolor="#F0F0F0">

        <tr>

            <td colspan="2" align="center" bgcolor="#d0d0d0">用户注册</td>

        </tr>

        <tr>

            <td aligh="right" width="100">用户名:</td>

            <td>

                <!--<input type="text"  textarea name="USERNAME" cols="20" value="" placeholer="登录名">-->

                <input tyfe="text" texttarea name="USERNAME" value="" rows="15">

            </td>

        </tr>

        <tr>

            <td aligh="right" width="100">密码：</td>

            <td>

                <input type="password" name="USERPASS" value="" width="20" maxlength="20">

            </td>

        </tr>

        <tr>

            <td aligh="right" width="100">性别：</td>

            <td>

                <input type="radio" name="sex" id="man1" value="1">

                <label for="man1" selected="mam1">男</label>

                <input type="radio" name="sex" id="man2" value="1">

                <label for="man1">女</label>

            </td>

        </tr>

        <tr>

        <td align="right" width="100">爱好:</td>

        <td>

            <input type="checkbox" name="like">写作

            <input type="checkbox" name="like">听音乐

            <input type="checkbox" name="like">体育

        </td>

        </tr>

        <td aligh="right" width="100">省份：</td>

        <td>

            <select name=" province">

                <option value="1">陕西省</option>

                <option value="2">山西省</option>

            </select>

        </td><br/>

        <tr>

            <td aligh="right" width="100">自我介绍</td>

            <td><textarea name="intro" id="" cols="25" rows="5" placeholder="这个家伙什么也没留下"></textarea></td>

        </tr>

        <tr>

            <td colspan="2" align="center" bgcolor="#d0d0d0">

                <input type="submit" name="send" value="提交">

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

            </td>

        </tr>

     </table>

 </form>

   

</body>

</html>

Crrrrrr9
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
HTML-简单练习
crraxx的博客
02-24 7437
练习1-李白 要求示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body align = "center"> <h1> 古诗词鉴赏</h1> <hr /> <h2 >静夜思</h2> <a href="
html简单的网页制作
weixin_53468039的博客
10-28 5668
html制作简单的网页
HTML制作简单的页面
liaozhongmin_net
07-18 5万+
一.HTML页面制作代码部分 <html> <head> <meta charset="utf-8"> <title>Music Login Form</title> <!--css代码声明--> <style type="text/css"> //div的设置 #showdiv{ width: 450px; height: 530px; border: solid 2px
简单的HTML登录界面
热门推荐
mingzi1245的博客
05-10 9万+
1 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapc
Thymeleaf简单运用
凌北辰的博客
05-14 3642
Thymeleaf 模版 认识 Thymeleaf表达式标准变量表达式选择变量表达式链接表达式（URL表达式）Thymeleaf属性 认识 Thymeleaf ​ Thymeleaf 是一个流行的模板引擎，该模板引擎采用 Java 语言开发 模板引擎是一个技术名词，是跨领域跨平台的概念，在 Java 语言体系下有模板引擎，在 C#、PHP 语言体系下也有模板引擎，甚至在 JavaScript 中也会用到模板引擎技术，Java 生态下 的模板引擎有 Thymeleaf 、Freemaker、Velocity
运用html表格标签制作个人简历表
weixin_65789931的博客
07-13 1666
运用html表格标签制作个人简历表
HTML制作简单的时钟
Lin_52025的博客
08-03 9116
HTML制作简单的时钟 使用HTML、CSS、jQuery、JS制作时钟，能获取到系统时间使得时钟上的指针进行实时的改变，话不多说上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi...
HTML实现课表（表格运用）
qq_38473254的博客
05-05 7013
题目要求： 根据表格知识完成下列效果图： 任务提示： 使用 <caption><caption>， <thead></thead> <tbody><tbody> <tfoot></tfoot> 等标签完成。 ps： 其中“课程表”为表格标题 "星期一、星期二”等为列标题 "晚自习”为表格页脚 解法： 1、简单的构成七行七列表格，没有进行合并，也没有使用以下标签 <thead></thead
HTML 制作简单的个人简历
qq_41025577的博客
06-26 5127
在以前学HTML的时候，对于表格的运用只知道td、tr，趁着这个暑假重新学习html进行查缺补漏。 现在我们就先来学学表格的一些简单运用。 第一步：先制作一个简单的6行7列表格。最后一列的宽度设置为200px，再在table里将cellspacing设置为0，cellspacing表示单元格的间隙。 第二步：开始合并单元格，所用到的属性有colspan和rowspan。 colspan表示行合并 rowspan表示列合并 这样合并一下，个人简历表的大致雏形就做好了。 这是最终的效果。 接下来上完整
ajax简单运用
09-07
基础ajax运用, 上面标明每一步的注释,简单易懂,适合新手
HMTL+CSS的简单运用
03-08
资源只是比较简单的代码，只适合新人看看。运用了HTML+CSS
html5简单实例
04-18
一个简单的html5实例，jquery mobile
Python Requests安装与简单运用
12-24
我也看了下requests的文档，确实很简单，适合我这种懒人。下面就是一些简单指南。 插播个好消息！刚看到requests有了中文翻译版，建议英文不好的看看，内容也比我的博客好多了，具体链接是：...
HTML5京东首页简单实现
05-18
简单实现京东首页，实现了轮播以及按钮下拉等功能，适合小白研究学习，还运用了js实现简单的轮播，以及利用绝对定位和相对定位实现界面的布局
element-plus 自定义命名空间 el-config-provider namespace 不起作用，html 的class值改变了，但是样式不对
qq_34164814的博客
05-30 222
今天按照文档，对elemen plus + vite 的项目，进行qiankun嵌套，发现子应用的element和主应用的element plus样式冲突，所以决定用element plus 的自定义命名空间处理下。就是个大坑，结果就是，html变了，但是element css 的文件还是el-开头的，如果报错，math.div****之类的，那就是sass版本太低了，更新下，升级下就好了。第二步：修改 namespace的变量值，将下面的代码，添加到你的文件内部。使用方法，按照文档来。
HTML中Canvas关键知识点总结
最新发布
2301_79858914的博客
06-02 615
Canvas 提供了一套强大的 2D 绘图 API，适用于各种图形绘制、图像处理和动画制作。掌握 Canvas 的基础操作、路径绘制、变换操作、状态管理和性能优化等知识，可以帮助你创建复杂且高效的网页图形应用。通过以上详细的讲解，希望能让你对 Canvas 有更全面的理解，并能够应用这些知识点进行实际开发。
【html知识】html中常用的表单元素+css格式美化
weixin_56334307的博客
05-30 300
本作品是一个简洁明了的HTML文档，包含了多种常用的表单元素，如输入框、密码框、单选按钮、多选按钮、下拉列表、文本域、按钮、隐藏文字以及文件上传等。每个元素都配备了相应的说明和示例，方便用户快速理解和使用。
【HTML】通过焦点，获取部分上下文内容
随便写写
05-30 204
通过焦点，获取部分上下文内容
运用html和css编写一个简单的导航栏
07-17
以下是一个简单的导航栏的HTML和CSS代码示例： HTML代码： ```html <!DOCTYPE html> <html> 简单导航栏 <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">产品</a>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值