HTML+CSS第四课：表单标签的使用-制作注册表单

最新推荐文章于 2024-07-29 22:33:33 发布

逍遥小丸子

最新推荐文章于 2024-07-29 22:33:33 发布

阅读量3.5k

点赞数 3

分类专栏： HTML+CSS网页设计

本文链接：https://blog.csdn.net/dnruanjian/article/details/83504721

版权

HTML+CSS网页设计专栏收录该内容

43 篇文章 149 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了HTML中的表单标签，包括<form>、<input>的多种类型如text、password、radio、checkbox、file、hidden等，以及<button>、<select>、<option>和<textarea>的使用，强调了各元素的属性和在创建注册表单中的作用。

摘要由CSDN通过智能技术生成

知识点：表单标签、表单元素

表单在网页中应用比较广泛，如申请qq账号、电子邮箱等，用户需要首先填写注册信息，然后才能提交；通俗讲，表单就是一个将用户信息组织起来的容器，将用户填写的内容放置在表单容器中，当用户单击提交按钮的时候，表单会将数据统一发送给服务器！

表单的作用：实现人机交互。
表单里的形式、种类：通过input标签实现，如输入文本信息的、密码显示为*的、点选性别的按钮、选填生日的……

1、表单标签及属性

在HTML中，使用<form>标签来实现表单的创建，该标签用于在网页中创建表单区域，属于容器标签，其他的表单元素标签需要在它的范围中才有效。

属性	值	描述
action	UR

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

逍遥小丸子

关注关注

3
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

HTML+CSS第四课2：利用表单标签制作一个百度搜索框

王迪

11-06

8087

知识点：表单<form>标签、<input />标签的使用。问题描述：在html中制作一个百度搜索框，要求，在搜索框里输入关键词后，点击搜索，能够跳转到百度搜索结果页面。代码结果演示：关键代码： <form action="http://www.baidu.com/baidu" target="_blank"> <input type...

HTML-表单标签制作注册页面

07-22

HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性

参与评论您还未登录，请先登录后发表或查看评论

表单标签的使用

lth4520067的博客

08-23

128

<form> 标签用于为用户输入创建 HTML 表单。是块级元素会换行后面常跟属性action和method具体使用如下 <form action="提交数据的地址"> <form method="提交数据的方式post/get"> <table>也可以套在<form>中使用可以让表单整体打包发送。 ...

CSS（二十一）——CSS表单

最新发布

m0_62701594的博客

07-29

667

简单示例：输入框(input) 样式使用 width 属性来设置输入框的宽度如果你只想设置指定类型的输入框可以使用以下属性选择器： - 选取文本输入框 - 选择密码的输入框 - 选择数字的输入框使用 padding 属性可以在输入框中添加内边距置了属性为。这样可以确保浏览器呈现出带有指定宽度和高度的输入框是把边框和内边距一起计算进去的。使用属性可以修改 input 边框的大小或颜色，使用属性可以给 input 添加圆角只想添加底部边框可以使用属性: 输入

【前端】利用表单标签自己制作一个简单的表单页面

CHAOQIWEN的博客

05-29

7708

html中的表单标签： form标签：属性：提交到后台url地址：action url地址：http：//localhost:8080/XXX 提交方式：method 常用两个：get：把提交的数据放到地址栏上提交...

HTML5+CSS：02用户注册表单

Yummy的博客

11-05

748

新的学期已开始接近两个月了，好久没有来更新博客（>_<)有点小偷懒了，不过，学习还是不能落下的，今写一个有点实践运用的关于表单网页的代码，希望能够帮助到跟我一样H5的小白们，也请各位大佬多多指教！！首先，先上我们敲的表单样式（如下）：其次，代码接上吖，Html5代码如下： <!DOCTYPE html> <html> <head...

Css 表单

写博客只为学习

04-11

318

table页面 xx xxx xx xx xx 只数只 x xx xx xx 个数个个个个个 CSS样式 /**表格head样式*/ table .table_header{ backgro

HTML+CSS+JavaScript网页制作案例教程（第2版）-教学大纲.zip

07-06

《HTML+CSS+JavaScript网页制作案例教程（第2版）》是一本全面涵盖网页制作基础知识与实践技巧的教材。此教学大纲旨在引导学生系统学习网页设计的核心技术，通过理论讲解和实际案例，使学习者掌握网页开发的基本流程...

HTML+CSS项目课2：利用table和表单制作“网易邮箱注册页面”

王迪

11-09

4334

知识点：html文档基本结构、table标签布局、表单标签的使用、img标签、a标签、p标签等常见标签的使用。制作网页效果：网页制作思路： 1、将整个网页分成4部分：3个表格+底部段落文字（3个表格设置同样的宽度，水平居中，边框为0等属性） 2、表格1：一个1行2列的表格，左边单元格放logo图，右边单元格放“帮助” 3、表格2：一个1行1列的表格，单元格里放图片 4、表...

HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局

热门推荐

王迪

12-17

3万+

知识点：网页布局的方式 1、网页布局常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部） DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。框架布局：通常用在网站后台的设计。 2、DIV+CSS布局 2.1 使用DIV+CSS制作网页流程第一步：将页面在整体上...

CSS样式表单美化系列

04-29

CSS样式表单美化系列。html+div好资源分享，大家一起分享吧

css表单

TF_LIU的博客

07-07

618

//DOCTYPE 声明 //这是一个W3C的标准ang代表language，lang="en"，"en" 即english xml:lang就是xml的语言，xml是一种html扩展语言，功能强大。 //描述文档类型，页面字符集 Document//设置网页title .box{ border: 1px solid red;//表格外框宽度和颜色 width: 400px;

CSS--表单

qq_43138577的博客

09-05

357

form：定义一个表单区域，可以获取用户输入的数据，所有的表单元素放在form标签里面 <form action="提交的地址" method="提交方式默认为get">表单元素</form> input：输入框，不同类型会让该元素有不同的含义 select：下拉列表 option：下拉列表的选项简单的下拉列表： select> <option value ="javascript">Javascript</option> &..

CSS中的表单

liu0218的博客

08-04

1911

作用：将用户填写的信息发送给服务器，例如账号注册、个人资料修改等等。表单控件等等

CSS—表单

qq_43599049的博客

03-18

651

1 表单域表单域是一个包含表单元素的区域，在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器。 <form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件 </form> 属性属性值作用 action url地址用于指定接收并处理表单数据的服务器程序的url地址 method get/post 用

html与css制作表单注册页面个人理解

不小努力的小龙

09-14

2039

常用的表单注册页面 1. 第一个注册页面我的分析思路：整个内容时居中的，所以需要有一个版心，根据ps测量，内容宽度是1200px，所以我设置版心（.w）为1200px(一般的内容的版心为1200px),再设置居中的属性margin: 100px auto; 整个框架如上图所示，这样就很容易写出代码接下来，我们来研究h3里面的内容一般样式： *号一般设置（margin,padding）取消标签与标签的间隙 a标签一帮设置(color:#666, text-decoration:n

html/css 简单的表单实例

alalasheep的博客

03-27

2413

如何实现如下图片的内容？下面我们一起制作该表单页面如下图是布置的作业如下图是完成的作业实例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

表单和表格

m0_72958052的博客

08-25

227

tr:代表着行 td:设置单元格：th:单元格表头caption:标题cellspacing:设置边框合并cellpadding:设置内容离边框的距离单元格里面内容居中：水平方向：text-align:left/center/right;垂直方向： vertical-align:top/middle/bottomrowspan:合并纵向单元格colspan:合并行向单元格：合并单元格时注意点：合并时多余要删掉；表格的结构标签会改变内容位置；书写位置无关、thead：代表表格前面。...

HTML+CSS+JS详解：链接、表单与框架基础教程

本PPT教程深入讲解了HTML、CSS和JavaScript的基础知识，特别关注了链接、表单和框架在Web开发中的应用。HTML作为Web的第一语言，它的核心是创建和展示网页内容，包括文件结构、文字、图片、链接、表格、表单以及多...