HTML表单和标签属性

最新推荐文章于 2023-05-13 21:47:33 发布
最新推荐文章于 2023-05-13 21:47:33 发布
阅读量268 收藏
点赞数
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46133406/article/details/121641308
版权 

<!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>
</head>
<style>
    body {
        background-image: url(bg.jpg);
    }
    
    form {
        width: 700px;
        height: 500px;
        background-color: aliceblue;
        border-radius: 15px;
        margin: auto;
    }
    
    .a1 {
        margin-left: 230px;
    }
    
    .a2 {
        margin-left: 300px;
    }
</style>

<body>
    <form action="">
        <center>
            <h1><img src="logo.png" width="70px" height="70px">用户注册</h1>
        </center>
        <p class="a1">用户名称：<input type="text" name="username" value="请输入用户名"></p>
        <p class="a1">登录密码：<input type="password"></p>
        <p class="a1">重复密码：<input type="password"></p>
        <p class="a1">电子邮箱：<input type="text"></p>
        <p class="a1">性别：<input type="radio" name="sex" checked>男<input type="radio" name="sex">女</p>

        <p class="a1">职业：<select name="interest" id="">
            <option value="basketball">学生</option>
            <option value="music">老师</option>
            <option value="lol">经理</option>
            <option value="kandianyun">教练</option></p></select>
            <p class="a1">兴趣爱好：<textarea cols="20px" rows="4px"></textarea></p>
            <button type="reset" class="a2">注册</button>
            <button type="submit">重置</button>
    </form>
</body>

</html>

<!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>
</head>

<body>
    <p>国内新闻</p>
    <p>案例说明：定义锚点，链接到锚点</p>

    <hr>

    <ul>
        <li><a href=" ">俄驻华大使</a></li>
        <li><a href=" ">县委书记</a></li>
        <li><a href=" ">加勒比哈德</a></li>
        <li><a href=" ">地狱公使</a></li>
    </ul>
    <p>国外新闻</p>

    <hr>

    <ul>
        <li><a href=" ">俄驻华大使</a></li>
        <li><a href=" ">县委书记</a></li>
        <li><a href=" ">加勒比哈德</a></li>
        <li><a href=" ">地狱公使</a></li>
    </ul>

</body>

</html>

 

 

<!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>
</head>

<body>
    <center>课程表</center>
    <table border="3px" bordercolor="blue" align="center">
        <tr>
            <td>项目</td>
            <td colspan="5" align="center">上课</td>
            <td colspan="5" align="center">休息</td>
        </tr>

        <tr>
            <td>星期</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>

        <tr>
            <td rowspan="4">上午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>英语</td>
            <td>物理</td>
            <td>计算机</td>
            <td rowspan="4">休息</td>
        </tr>

        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>地理</td>
            <td>历史</td>
            <td>化学</td>
            <td>计算机</td>
        </tr>

        <tr>
            <td>化学</td>
            <td>语文</td>
            <td>体育</td>
            <td>计算机</td>
            <td>英语</td>
            <td>计算机</td>
        </tr>


        <tr>
            <td>政治</td>
            <td>英语</td>
            <td>体育</td>
            <td>历史</td>
            <td>地理</td>
            <td>计算机</td>
        </tr>


        <tr>
            <td rowspan="2">下午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>计算机</td>
            <td>英语</td>
            <td rowspan="2">休息</td>
        </tr>

        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>地理</td>
            <td>历史</td>
            <td>化学</td>
            <td>计算机</td>
        </tr>



    </table>
</body>

<ml>
    </body>

</html>

weixin_46133406
关注
表单标签及属性
zheng_qingyuan的博客
06-25 1374
用于数据的采集： 文本框输入标记（单）：密码框输入标记（单）：单选框输入标记（单）：在同一个选项组内，每个选项中的name值必须相同复选框输入标记（单）：
html表单属性readonly和disabled的使用方法
09-28
- 使用方法：只需在HTML元素上添加`readonly`属性即可，例如对于`<input>`标签，可以写为`<input type="text" readonly>`。 2. **失效属性（disabled）** - `disabled` 属性则更加严格，它不仅使元素变为不可编辑...
html表单标签以及属性
qq_40032554的博客
01-12 124
1. form标签：用与定义表单域，实现用户信息收集和传递。 action url地址:用于接受处理表单数据的服务器url地址 method 设定表单提交方式 get/post 两种 name 名称，用于指定表单域区分其他表单域 2. input标签 type属性值表 3. label标签 标注标签 label标签的属性for关联input标签的id名 4. textarea文本域标签 属性rows 行数 cols 宽度 ...
html中的表单标签和属性
z_c_z_的博客
04-21 684
表单 1、&lt;form&gt;&lt;/form&gt;：声明一个表单，所有表单的内容必须放在里面-----作用：传数据 属性： action：你的数据要提交到哪里 ------ 提交到php文件 method:数据的传输方式 值： get:默认值 不写的method的时候，数据的传输方式就为get  ----明文传输 （url传值） post：密文传输 ---...
html的表单标签及基本属性
aaabea的博客
07-11 746
html的表单标签
HTML之表格标签及属性
热门推荐
hxwm_8937的博客
07-21 2万+
表格的标签属性及其应用实例
html常用标签 属性 表格 表单属性
liugaoyuans的博客
11-24 1163
环境：Visual Studio Code 或HBuilderX.1.7.0.20190314 我以HBuilderX实战 1.在电脑上创建好，要存储文件的路径文件夹，我是在电脑桌面上创建的 2. 直接将该文件夹拖入 1.简单认识html ctrl+鼠标滚轮 可以调节字体大小，可以调整合适大小 html5 html全称——hyperText markup language 历史： html4 标记的使用 html5 新增标记 xhtml(可扩展标记语言) 超文本标记语...
HTML1.02 HTML标签属性
最新发布
09-13
HTML标签属性可以分为两大类：通用属性和自定义属性。通用属性是所有HTML标签都拥有的属性，如id、class、style、title等。自定义属性是指开发者可以根据需要添加的属性，使用data-*的方式命名。 2.1 HTML标签属性 ...
html标签和属性总结
07-06
HTML标签是构建Web页面的基础，了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法，适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两大类：结构标签和格式...
HTML部分标签属性
05-24
1. `<body>` 标签属性： - `alink`：定义活动链接的颜色。 - `link`：定义未被访问的链接的默认颜色。 - `vlink`：定义已被访问的链接的默认颜色。 - `text`：设置所有文本的颜色。 - `bgcolor`：设置网页的...
表单中的标签及其常用属性汇总
王龙楷
04-06 5316
    表单是HTML中非常重要的一环，而且内容也不算少，所以在这里就简单的汇总了常用的表单标签，至于它们的属性就列举的很少了，如果想要详细学习属性，推荐到w3cschool去查看学习。这是w3cschool中关于表单一节的链接：点击打开链接 下面是我用HTML文档列举的表单标签，可拷到本地跑一下，直观感受一下。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt...
html表单和常用属性
qq_57064821的博客
01-19 980
html5中新增的表单属性及应用，input输入框得类型，html日期、音视频、图片、邮箱、网址输入，html输入内容验证
前端 学习笔记3 表单
Neflibata_mo的博客
04-18 242
1. HTML表单 HTML表单用于搜集不同用户类型的输入。 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 < form>类型定义表单 < input> 元素 < input> 元素是最重要的表单元素。 < input> 元素有很多形态，根据不同的 type 属性。 文本输入 < input type=“text”> 单选按钮输入 < input type=“radio”> 提交按钮 < in
HTML常用标签及属性
weixin_62587914的博客
07-13 1492
HTML常用标签及属性
HTMLform表单属性的基本使用方法及介绍
2201_75406597的博客
05-13 1939
3.11 input标签其中type的取值有很多 如下：type元素类型的取值元素类型效果作用color颜色域email邮箱image图像按钮checkbox多选按钮radio单选按钮password密码框text文本框submit提交按钮button普通按钮日期+时间time时间reset复位按钮file文本域（上传文件的按钮）hidden隐藏域。
常用html标签及其属性
weixin_53988377的博客
07-16 1万+
网页的基本结构文档类型声明标签文档标记标签文档的头部标签文档的主体标签。
Html常用标签和属性(包含Html5)
TKOP_的博客
12-18 1万+
Html（包含Html5)常用标签和属性总结。主要包含有a、img、ul、table、select和H5新增的一些标签比如header、nav、article、section、aside等标签。以及一些常用到的属性。最后总结一些html标签使用的注意事项。.........
html常用标签及其属性
weixin_72724407的博客
07-17 7349
超文本标记语言（HyperTextMarkupLanguage）不是一种编程语言，而是一种标记语言，描述网页的语言。HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。
HTML标签属性详解与示例
以上只是HTML标签属性的冰山一角，HTML还包括许多其他标签和属性，如列表（`<ul>`、`<ol>`、`<li>`）、链接（`<a>`）、图像（`<img>`）、表格（`<table>`）、表单（`<form>`）、按钮（`<button>`）等，它们共同构成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值