html简要学习--- html 表单标签与表单设计

已于 2022-11-09 17:01:59 修改
阅读量699 收藏 7
点赞数
分类专栏： # HTML学习 文章标签： 学习
于 2022-09-06 17:35:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_51635297/article/details/126729820
版权 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息注册界面</title>
    <style>
        .type{
            display: inline-block;
            font-size: 30px;
            margin-left: 140px;
        }
    </style>
</head>
<body>
    <h1 align="center">学生信息注册</h1>
    <div class="type">
        <p>
        姓名：
        <input type="text" name="姓名" value="请输入姓名" maxlength="6" style="width:350px; height:50px;font-size:25px">
        </p>

        <p>
        性别：
        <!--
         checked---该单选按钮被选中
        同一批单选按钮name值要相同
        -->
        <input id="man" type="radio" checked="checked" name="sex">男
        <input type="radio" id="woman" name="sex" >女
        </p>

        <p>
        出生日期：
        <input type="text" name="出生日期" value="请输入出生日期" maxlength="6" style="width:350px; height:50px;font-size:25px">
        <span>
            &nbsp;&nbsp;&nbsp;&nbsp;按格式yyyy-mm-dd
        </span>
        </p>

        <p>
        学校：
        <input type="text" name="学校" value="请输入学校名称" maxlength="6" style="width:350px; height:50px;font-size:25px">
        </p>

        <p>
            专业：
            <select style="width:350px; height:50px;font-size:25px">
                <option value="计算机科学与技术">计算机科学与技术</option>
                <option value="软件工程">软件工程</option>
                <option value="物联网工程">物联网工程</option>
                <option value="网络空间安全">网络空间安全</option>
            </select>
        </p>

        <p>
            体育特长:
            <input type="checkbox" name="篮球" value="篮球" >篮球
            <input type="checkbox" name="排球" value="排球" >排球
            <input type="checkbox" name="足球" value="足球" >足球
            <input type="checkbox" name="游泳" value="游泳" >游泳
        </p>

        <p>
            上传照片：
        <!--
        maxlength="1" 限制上传文件数为1
        -->
            <input type="file" name="上传文件"  style="width:350px; height:50px;font-size:25px" >
        </p>

        <p>
            密码：
            <input type="password" name="密码" maxlength="6" style="width:350px; height:50px;font-size:25px">
        </p>

    <!--
             <textarea  name=""    rows=""    cols=""
                      wrap="off|virtual|physical">
                     初始值
            </textarea>
            其中：
              rows设置输入域的行数，
              cols设置输入域的列数，
              wrap设置是否自动换行。

            <span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
            vertical-align:指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式
    -->
        <p>
            <span style="vertical-align:top">个人简历：</span>
            <textarea  rows="10" cols="50" wrap="soft" style="font-size:25px"></textarea>
        </p>

        <p>
            <input type="submit" name="提交" value="提交" style="width: 100px; height:40px;font-size: 25px">
            <input type="reset" name="取消" value="取消" style="width: 100px; height:40px;font-size: 25px">
        </p>
    </div>
</body>
</html>

 

HTML基本标签使用【超链接标签、表格标签、表单标签、input标签】
m0_73940426的博客
06-19 1297
HTML，全称为超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准标记语言。它通过一系列标签来描述网页内容的结构和外观，从而使浏览器能够解释并展示网页给用户。HTML文档由不同的元素组成，每个元素由标签表示，这些标签用来标记文本、图像、链接、表格、表单等网页内容，并定义它们的结构和意义。❤️❤️❤️本人菜鸟修行期，如有错误，欢迎各位大佬评论批评指正！😄😄😄👍 👍 👍。
CSS表单设计最简单的，最基本的，CSS表单代码，html代码，表单标准化设计
12-05
最简单的，最基本的，CSS表单代码，html代码，表单标准化设计
HTML表单设计
dimu1942的博客
08-07 1453
1.表单标记——<form>...</form> （1）<form></form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单的内容 （2）基本格式 <form action="服务器地址(接受表单内容的地址)" name="表单名称" method="post|get">...&lt...
html语言代码游戏,HTML语言——表单设计(示例代码)
weixin_42635064的博客
06-01 237
表单设计1 表单标记 ...1.1 什么是定义表单的开始位置和结束位置，表单提交时的内容就是表单中的内容1.2 基本格式...1.3 常用属性1.3.1 name 表单名称1.3.2 method 传送数据的方式，分为post和get两种方式get get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不...
HTML（三） -- 表单设计
PUYALEI的博客
04-29 6275
目录1. 基本语法 2. 表单控件2.1 input控件input 常用属性：input type的表单项：2.2 select 控件2.3 textarea控件2.4 label 控件示例演示： 结果展示：示例演示： 结果展示：示例演示： 结果展示：代码演示： 结果展示：
HTML表单设计（上）
weixin_30689307的博客
11-12 268
1，表单标记<form>...</form> 　　<form>...</form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单的内容 　　基本格式<form action =“服务器端地址（接受表单内容的地址）” name ＝“表单名称” method＝“post/get”>...</form&...
简洁实用的表单注册html模板-简洁 登陆 表单 注册 后台 扁平化.rar
12-12
良好的登录注册表单设计需要考虑用户体验，包括合理的字段布局、清晰的提示信息、易用的输入验证以及明确的操作按钮。例如，使用浮动标签代替传统的占位符文本，可以提供更好的反馈；而实时验证如邮箱格式或密码强度...
HTML做一个红色中国节日文化主题网站设计【国庆节】（纯HTML、CSS代码）
08-10
该网站需要充分展现国庆节的文化内涵与庆典活动，旨在通过视觉设计与内容组织，向访客传递关于这一重要节日的历史意义及其当代价值。 ### 二、✍️网站描述分析 #### 技术栈选择 - **HTML/CSS**: 使用HTML构建...
基于Python和HTML的幼儿园智能学习交流平台持续集成测试设计源码
最新发布
10-02
HTML（超文本标记语言）是构成网页内容的主要语言，它描述了网页的结构和内容，通过不同的标签定义文本格式、链接、图片以及表单等。在本项目中，HTML页面是用户与平台进行交互的前端界面，负责展示教学信息、学习...
黑色注册登录表单HTML模板
06-07
【HTML表单元素】 在HTML中，`<form>`标签用于创建表单，它可以包含各种输入控件，如文本输入框`<input type="text">`，密码输入框`<input type="password">`，以及提交按钮`<input type="submit">`等。在这个模板...
HTML-表单标签制作注册页面
07-22
HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性
一个输入框可以选择年月日
07-12
能够有效的限制用户输入的格式。并能手动选择要输入的年月日
表单中输入日期
03-16
NULL 博文链接：https://djlijian.iteye.com/blog/409713
注册页面，年龄选择年月日下拉列表
07-19
注册页面经常用到的用户选择自己出生年月日所需的下拉列表，源码可运行，可能会有浏览器差异问题。重新编辑所需积分了。
html表单制作
qq_44240254的博客
02-24 3112
&lt;form action="" method="post"&gt; &lt;!--type text 文本输入框--&gt; 姓名： &lt;input type="text" name="username" required&gt; &lt;br&gt; 密码： &lt;input type=&quot
HTML表格代码
liu jiaxian的博客
07-13 1346
使用html实现表格
HTML表单
qq_46492364的博客
03-06 1353
文章目录HTML一、HTML标签-表单1.表单域2.表单元素3.文本域4.下拉菜单5.label标签二、字符实体总结 HTML 今天继续来学习HTML的常用标签，坚持今天一天，明天开始CSS部分。加油~ 提示：以下是本篇文章正文内容，下面案例可供参考 一、HTML标签-表单 表单是用来收集用户的信息。表单元素是网页中提供用户进行输入或点击的小控件。一个完整的表单通常由表单域、提示信息，表单控件。 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，.
【HTML】HTML实现简单表单（不含验证）
A Lucky Boy的博客
02-19 4974
<!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>这是.
软件测试HTML表单常用代码、测试基础理论学习分享
TEST_WangZL的博客
04-09 1313
软件测试HTML表单常用代码、测试基础理论学习分享
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿隆要成大牛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值