HTML/CSS class7 form表单

最新推荐文章于 2022-11-09 23:50:23 发布
最新推荐文章于 2022-11-09 23:50:23 发布
阅读量482 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jellywfguo/article/details/81660511
版权 

 
/*
 *Copyright  (c)  
 *All rights reserved.
 *文件名称: class8_form.html
 *作者: 郭栋
 *完成日期:2018年 8月14日
 *版本号:v1.0
 *问题描述:form表单练习
 *输入描述:
 *程序输出
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="">
<table align="center">


    <caption  style="font-size: 20pt">欢迎注册某度会员<hr/></caption>


    <tr>

        <td>用户名:  </td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td>密码:  </td>
        <td><input type="posword"></td>
    </tr>
    <tr>
        <td>确认密码:   </td>
        <td><input type="password"></td>
    </tr>
    <tr>
        <td>请选择市：   </td>
        <td>
            <select>
                <optgroup label="中国">
                <option value="1">北京</option>
                <option value="2">上海</option>
                <option value="3">广州</option>
                </optgroup>
                <optgroup label="外国">
                    <option value="1">英国</option>
                    <option value="2">美国</option>
                    <option value="3" selected>Chicago</option>
                </optgroup>
            </select>
        </td>
    </tr>
    <tr>
        <td>请选择性别:</td>
        <td>
            <input type="radio" id="male" name="sex" checked>
            <label for="male">男</label>
            <input type="radio" id="female" name="sex">
            <label for="female">女</label>
            <input type="radio" id="un_sure" name="sex">
            <label for="un_sure">不好说</label>
        </td>
    </tr>
    <tr>
        <td>请选择职业：</td>
        <td>
            <input type="radio" id="student" name="profession" checked>
            <label for="student">学生</label>
            <input type="radio" id="teacher" name="profession">
            <label for="teacher">教师</label>
            <input type="radio" id="others" name="profession">
            <label for="others">其他</label>
        </td>
    </tr>
    <tr>
        <td>请选择爱好：</td>
        <td>
            <fieldset>
                <legend>你的爱好:</legend>
                <input type="checkbox" id="basketball" checked>
                <label for="basketball">打篮球</label>
                <input type="checkbox" id="runing">
                <label for="runing">跑步</label>
                <input type="checkbox" id="reading">
                <label for="reading">阅读</label>
                <input type="checkbox" id="netting">
                <label for="netting">上网</label>
            </fieldset>
        </td>
    </tr>
    <tr>
        <td>备注：</td>
        <td>
            <textarea cols="30"  placeholder="这里是备注内容" style="resize: none"></textarea>
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="submit" value="提交">
        <input type="reset" value="重置">
        </td>

    </tr>

</table>
</form>
</body>
</html>
form表单

 

郭_栋
关注
专栏目录
给大家分享一个基于HTML/CSS/JS酷炫的登陆注册表单
努力是为了站在万人之中，成为别人的光
03-07 5356
演示效果： 在下面，您可以看到我创建的演示： 一个基于HTML，CSS，JS的登陆注册表单，文章中给出了完整的源码 项目描述 在转到实际代码之前，我想对组件中要包含的内容进行分解。这将有所帮助，因为它将使我们编写的代码更加清晰。 我们在主要组件（.container）中有4个较小的屏幕/框： 在登录形式 该会员注册表格 在登录覆盖 该会员注册覆盖 另外，您会在某一时刻看到以下任一情况： 在登录形式旁会员注册覆盖 该会员注册的形式旁边的登录覆盖 在覆盖面板中，我们有一些文本和button—单击以
form表单以及CSS
m0_68989458的博客
08-05 3181
HTML以及css的基础使用
HTML- HTML&CSS
上山打卤面的博客
09-09 240
HTML标签：表单标签 * 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 ...
JavaWeb：（学习笔记）四、CSS
qq_44125436的博客
02-17 460
JavaWeb：（学习笔记）四、CSS；CSS概述；CSS语法；CSS盒子模型；CSS布局
HTML表单&CSS
zzz323666的博客
09-11 1742
表单标签：《form》 《form》表单标签，在html页面创建一个表单，表单标签在浏览器上没有任何显示。如果数据需要提交到服务器，负责搜集数据的标签必须存放在表单标签体内容。 action属性：请求路径，确定表单提交到服务器的地址（路径） method属性：请求方式。常用的取值：GET、POST GET：默认值 提交的数据追加在请求路径上。例如：/1.html?username...
HTML表单及CSS
m0_45309627的博客
06-02 429
一、HTML表单 （一）表单简介 1、HTML 表单是 HTML 文档中的一个区域； 2、HTML 表单这个区域中包含了一系列的可交互元素；
【HTML/CSS】简单登录注册表单制作
m0_49442965的博客
11-09 3988
Microsoft Edge这个浏览器就不显示（支持）background-size包含在background这个复合属性里面。上述这种写法是对的，我的HTML书本上还包含有background-size属性，我建议这个单独写，至于正则表达式，我还是喜欢在JS里面单独判定给出提示。
html5 css3在线留言表单美化代码
11-05
对于留言表单来说，我们可以使用`<form>`元素定义表单区域，`<input>`元素创建输入字段，如用户名、邮箱和留言内容，`<textarea>`用于多行文本输入，以及`<button>`创建提交按钮。此外，HTML5还提供了`<label>`元素...
日志选择器HTML/css
10-10
例如，你可以使用`<form>`标签来定义一个表单，`<input>`标签创建日期选择器，以及`<button>`创建提交按钮。 ```html <form> 选择日期:</label> 筛选</button> </form> ``` **CSS美化** CSS（Cascading Style ...
login-form:使用HTML和CSS的动画登录表单
03-21
在这个“login-form”项目中，我们将深入探讨如何使用HTML和CSS创建一个具有动画效果的登录表单。 1. **HTML结构**： - 首先，我们需要创建基本的HTML结构来定义登录表单。这通常包括`<form>`标签，它包含了输入...
Html表单&CSS
魔法革1996
07-15 703
【CSS表单form】
魔术师
06-11 2756
【CSS表单form】 表单（form）的作用 主要负责数据的采集，作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置，常常用于用户注册、登录、投票等的制作。 form的属性 action：表单提交的地址 method：表单数据提交的方法/形式 get：明文发送（可见）
HTML标签—表单标签、CSS
南柯
10-16 196
HTML标签—表单标签 表单： 概念：用于采集用户输入的数据。用于和服务器进行交互。 form： 用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围。 属性： action：指定提交数据的URL method：指定提交的方式。 get post 请求参数会在地址栏中显示。会封装到请求行中 请求参数不会在地址栏中显示，会封装在请求体中 请求参数...
Css 表单
写博客只为学习
04-11 318
table页面 xx xxx xx xx xx 只数 只 x xx xx xx 个数 个 个 个 个 个 CSS样式 /**表格head样式*/ table .table_header{ backgro
如何写好CSS系列之表单(form)
weixin_30532369的博客
11-12 149
表单模块可以分为两部分：一是表单的布局，也就是规范表单元素单元的排列位置；二是表单元素，如：输入框、单选、复选、列表组件、搜索组件等，由于列表组件、搜索组件不是单纯的css组件，所以暂且没有实现。 一、表单布局的实现 表单布局分为：表单容器、行、表单元素组（包含元素标题、元素）。并且实现根据屏幕进行自适应。示例效果如下： 从示例效果可以看出，布局会根据浏览器大小实现自适应。自适...
HTML CSS之FORM
weixin_34306676的博客
12-04 73
form 表单 常用于收集不同类用户的输入，允许用户收集：文本域（text）、下拉列表(select)、单选框(radio)、复选框(checkbox) 以及动按纽（Action）表单标签标签描述<form>定义供用户输入的表单<input>定义输入域<textarea>定义文本域 (一个多行的输入控件)<label>定义一个...
HTMLCSS_form表单
trace的技术备忘专栏
03-28 1752
最常用的表单结构：用户名请输入用户名密码性别 男
html+css表单
weixin_42222939的博客
03-31 574
<style> body{ margin: 0; text-align: center; font-size: 20px; background-image: url(images/0.jpeg); background-repeat: no-repe...
CSS之form表单与table表格
沙漠皇帝本拉登
03-02 3005
CSS介绍 form表单 &lt;!--br标签--&gt; 用于换行 &lt;!--action: 表单要提交的服务器接口 method: 表单提交方式 默认是GET 一般用post(加密后传过去) --&gt; &lt;!--输入框 placeholder 占位符,给用户提示 value 最终要发送给服务器的值 name 给服务器值的时候提示这个值是什么值(身高\体重\姓名等) -...
form表单精美css
最新发布
10-12
以下是一个简单的form表单精美css样式： ```html <form> <div class="form-group"> 姓名</label> </div> <div class="form-group"> 邮箱</label> </div> <div class="form-group"> 留言</label> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

郭_栋

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

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

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

打赏作者

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

抵扣说明：

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

余额充值