前端学习笔记--注册表单

已于 2022-05-18 23:27:30 修改
阅读量377 收藏 1
点赞数
分类专栏： 前端基础学习笔记 文章标签： 前端 学习 html
于 2022-05-18 23:23:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaomiguoba7/article/details/124853476
版权

表单在网页中主要负责数据采集功能html中使用form标签完成。表单标签其实是一组标签的组合，不是一个标签。表单元素是允许用户在表单中（比如：输入框、文本域、下拉列表、单选框、复选框等等）输入信息的元素。

在html中使用来定义表单：

注册表单就是通过input的各种属性实现用户输入

以下是代码

<!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="后端地址" method="post">

        <h2>青春不常在,抓紧谈恋爱</h2>

        <hr>

        <p>昵称: <input type="text" name="usename" placeholder="输入你的名字"></p>

        <p>性别: <input type="radio" name="sex" value="1" checked>男

                 <input type="radio" name="sex" value="2" >女

        </p>

        <p>城市 <select name="cs" >

            <option value="-1">请选择城市</option>

            <option value="1" >北京</option>

            <option value="2">上海</option>

            <!-- 默认 -->

            <option value="3" selected>西安</option>

        </select>

        </p>

        <p>婚姻状况: <input type="radio" name="hy" value="1" checked>未婚

            <input type="radio" name="hy" value="2">离异

        </p>

        <p>喜欢类型:

            <input type="checkbox" name="love" value="1">可爱

            <input type="checkbox" name="love" value="2">御姐

            <input type="checkbox" name="love" value="3">富婆

        </p>

        <p>

            <h3>个人介绍</h3>

            <textarea name="t"  cols="30" rows="6"></textarea>

        </p>

        <p><h3>我承诺</h3></p>

        <ul>

            <li>年满18岁</li>

            <li>严肃的态度</li>

            <li>真诚寻找另一半</li>

        </ul>

        <p>

            <input type="checkbox" name="yes" value="1">我同意以上条款

        </p>

        <p>

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

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

        </p>

    </form>

</body>

</html>


 

xiaomiguoba7
关注
专栏目录
大前端学习笔记--持续随缘更新
JackieDYH的博客
02-10 1215
目录 0210--前端知识&HTML常用标签 0210--前端知识&HTML常用标签 1、浏览器及内核介绍： chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费 Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——Gecko Safari苹果——苹果...
前端学习笔记 - HTML+CSS
fengxm0309的博客
10-07 4784
基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang
web前端中一个注册页面
12-24
自己平时的练习，我是今年才学的web，做的不好，希望大家不要介意，希望对大家有帮助。
第16章 知问前端--创建注册表单
chaoyv
09-23 114
第16章 知问前端--创建注册表单学习要点：1.HTML 部分2.CSS 部分3.jQuery 部分通过前面已学的 jQuery UI 部件，我们来创建一个注册表单。一．HTML 部分 &lt;div id="reg" title="会员注册"&gt; &lt;p&gt; &lt;label for="user"&gt;帐号：&lt;/label&gt; &lt;i
前端学习(注册表)
weixin_30430169的博客
09-16 241
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>课堂学习</title> </head> <body> <field...
HTML_注册页面
weixin_45344430的博客
01-08 318
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h4>.
前端HTML注册表
weixin_55864066的博客
11-11 497
前端一个简单的注册表
前端学习笔记-黑马程序员Vue
01-09
前端学习笔记-黑马程序员Vue Vue.js 是一款流行的前端框架，它提供了强大的模板语法、数据绑定、MVVM 模型等特点，帮助开发者快速构建复杂的前端应用程序。下面是对 Vue.js 的一些重要知识点的总结： Vue.js ...
springmvc学习笔记-前端控制器、上传、异常、开发心得小结等.zip
最新发布
05-10
本学习笔记将涵盖前端控制器、文件上传、异常处理以及开发过程中的心得小结。 1. **前端控制器（DispatcherServlet）** 前端控制器是SpringMVC的核心组件，负责接收所有HTTP请求，然后根据请求的类型和映射规则...
web前端开发-注册表
m0_74394367的博客
03-15 430
web前端开发-注册表
知问前端——创建注册表单
weixin_33744141的博客
04-29 113
通过前面已学的jQuery UI部件，我们来创建一个注册表单。 index.html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</title> <script type="tex...
注册表单
fly
03-22 820
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="" method="get" accept-charset...
使用js完成前端注册表单校验
MZA666的博客
11-14 707
注册分前端和后台校验,一个完整的系统校验两者不可或缺. javaScript分为三部分 ①ECMAScript:javaScript的核心, ②DOM: 文档对象模型 (包含整个html的内容) ③BOM: 浏览器对象模型 (包含整个浏览器相关内容) 与java的区别: 1.变量是弱类型的,使用 var 定义 2.分号可有可无,建议保留. ECMAScript也有关键字,编写代码的...
会员注册表单——表单
weixin_63912123的博客
02-25 552
综合实践案例实现
javascript操作注册表
weixin_34090643的博客
09-09 155
try{                     var shell = new ActiveXObject("WScript.Shell");      //读注册表值var  key1  = shell.RegRead("HKEY_CURRENT_USER//Software//Microsoft//Windows//CurrentVersion//Run//eip");          ...
WEB前端技术开发--登录表与注册表
m0_58837398的博客
12-27 552
掌握表单元素做一个注册页面和登录页面
web前端学习（四）——HTML 表单（1）- 用户注册表单举例
m0_55637498的博客
12-09 5901
一、表单 表单：就是类似于登录界面，用于接收用户的信息。 表单以<form>开始，以</form>结束。 1、表单有什么用？ 收集用户信息。表单展现之后，用户填写表单，点击提交按钮提交数据给服务器。 2、怎么画一个表单？ 使用form标签画表单。 3、一个网页当中可以有多个表单form。 4、表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址：action属性和超链接中的href属性一样，都可以向服...
Java Web前端学习笔记：HTML到AJAX基础
"这篇文档包含了作者在学习Java Web前端时的笔记，主要涵盖了前端开发的基础知识，包括HTML、CSS、JavaScript、DOM编程、jQuery框架以及AJAX基础。" 本文档详细介绍了Java Web前端开发中的核心技术和元素，首先从...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值