html表单标签-------注册页面
表单标签：
<from>用于为用户创建HTML表单，定义表单，还可以定义范围
action:指定提交数据的url selected默认值
method：提交方式，主要有两种常用的提交方式
- get：请求参数会在地址栏中显示，会封装在请求体中；请求参数的大小有限制；不太安全
- post：请求参数在地址栏中不显示；请求参数的大小没有限制；比较安全
注意:表单中的数据要向被提交，必须指定其name属性
表单项标签：
input：通过type属性值改变元素展示样式
type属性：text文本输入框默认值
password密码输入框
radio单选框
placeholder输入框提示信息
注意：1.想要多个单选框显示单选效果，多个单选框的name属性值必须一样
2.一般会给每一个单选框提供value属性，指定其被选中后提交值
3.CheckBox（复选框）属性可指定默认值
file文件选择框
hidden隐藏域，用于提交一些信息
按钮：submit提交按钮，可以提交表单
button普通按钮
练习示例---注册页面：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><!--注册页面--><!--定义表单--><form action="#" method="post"><!--定义表格--><table border="1px" align="center" width="500px"><!--第一行--><tr><td>用户名</td><td><input type="text" name="username" /></td></tr><!--第二行--><tr><td>密码</td><td><input type="password" name="password" /></td></tr><!--第三行--><tr><td>Email</td><td><input type="email" name="email" /></td></tr><!--第四行--><tr><td>姓名</td><td><input type="text" name="name" /></td></tr><!--第五行--><tr><td>手机号</td><td><input type="text" name="phone" /></td></tr><!--第六行--><tr><td>性别</td><td><input type="radio" name="gender" value="man" />男<input type="radio" name="gender" value="woman" />女</td></tr><!--第七行--><tr><td>出生日期</td><td><input type="date" name="day" /></td></tr><!--第七行--><tr><td>地址</td><td><select name="address"><option>--请选择--</option><option>北京</option><option>上海</option><option>广州</option><option>深圳</option></select></td></tr><!--第八行--><tr><td>验证码</td><td><input type="text" name="code" /><img width="100px" height="50px" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdemodashi.com%2Fueditor%2Fjsp%2Fupload%2Fimage%2F20170802%2F1501642960521048148.jpeg&refer=http%3A%2F%2Fdemodashi.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636523216&t=f18fa5f3a23466fb3b20e27ebb7b20cd" /></td></tr><!--第九行--><tr><td colspan="2" align="center"><input type="submit" value="注册" /></td></tr></table></form></body></html>html表单标签-------注册页面相关推荐
- JQuery实现表单验证(注册页面)
注册页面功能实现: 验证会员名密码不能为空或者包含空格,并且保证长度至少6位 验证邮箱符合规则,并且不能为空 重复密码要与密码一致 1.页面的样式 <form action="#&qu ...
- html笔记2（表格、表单以及注册页面）
html笔记 1.表格标签(table) 表格属性 表格结构标签 合并单元格 表格总结 2.列表标签 无序列表(ul) 有序列表(ol) 自定义列表(dl) 3.表单(form标签 以下三个标签也可以 ...
- 利用html开发英语单词小程,前端利用表单标签自己制作一个简单的表单页面-表单制作-小程序表单制作...
html中的表单标签:form标签:属性:提交到后台url地址:actionurl地址:http://localhost:8080/XXX提交方式:method常用两个:get:把提交的数据放到地址栏 ...
- 用java写注册表单_利用HTML表单标签编写一个注册页面
今天我们来写一个注册页面 form表单 先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构: 页面结构大体就是这样子的~ 利用HTML表单标签编写一个注册页面 表单标签: 所有需要提交到服务 ...
- 表格标签，今日小说排行榜案例，合并单元格，无序列表，有序列表，自定义列表，表单标签，注册页面综合案例
表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...
- HTML 表格标签、列表标签、表单标签（案例： 注册页面）
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用 表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
- 表单提交、页面注册案例
表单属性设置 <form>标签 表示表单标签,定义整体的表单区域 action属性 设置表单数据提交地址 method属性 设置表单提交的方式,一般有"GET"方式和& ...
- 使用H5中的表单标签制作一个简单的网页登陆页面
简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...
- 表单标签实现简单的登陆页面
一.表单标签 1.表单作用:收集用户信息 method="get或者post" action="向何处发送表单数据" input 里面包含的标签内容: A．属性 ...
最新文章
- fedora装机后要运行的脚本(原创)
- 智能车竞赛技术报告 | 专科基础组 - 哈尔滨铁道职业技术学院 - 智能车勇创协会
- php在线备忘录,一个会话备忘录小程序的实现方法
- bufg和bufgp_如何将自己写的verilog模块封装成IP核(一)
- led灯bin值_这款指甲刀自带3倍镜和LED灯，颠覆剪指甲体验，100元也值
- postman socket接口测试_基于postman测试接口(整套接口测试)
- mac mysql 免密登录_Mac 免密登陆
- 某公司机房成功搭建openssh server跳板服务器
- 字典排序 python3_这10个字典操作你必须知道
- Python中stack(),vstack(),hstack()的用法和区别
- python用def编写calsum函数_python高阶函数——返回函数（闭包）
- 2021年华为杯数学建模参赛经验分享
- java pdf转ofd
- 数据分析5大软件Excel、SAS、R、SPSS、Python优势分析
- VTK学习笔记（二十八）ExtractEnclosedPoints python示例
- 十年优秀网络玄幻小说大点评（推荐）
- mysql 1114_ERROR 1114 (HY000): The table 'adv_date_tmp' is full（Mysql临时表应用）
- android融云自定义通知,android融云消息免打扰
- django JsonResponse返回中文时显示unicode编码（\u67e5\u8be2）
- javascript的基础-1