表单：登录 注册页面
from :双标签，一般在此标签里面放置其他标签（表单元素==表单控件）:
输入框，密码输入框，按钮，复选框，单选框，文件上传
表单元素基本上都是input标签
结合type属性来使用
表单：提交数据信息
提交的数据其实提交的是表单元素里面的value属性值
form标签：
action:信息提交的路径（后台，服务器）现在暂时用后台文件代替（java,php);
method:提交数据的方式
get:会在地址栏里面显示提交的信息，不安全
post：不会显示，相对安全input标签:
outline:none:去掉轮廓线
maxlength='6':最大长度
minlength='2':最小长度
type='text':输入框（默认）
name='':将数据存储在name属性值里面
value='':表单元素的值
在输入框里面，value是会随着用户的输入的改变而改变
readonly="readonly":只读（只能看不能修改）
disabled='disabled':该元素不可使用
placeholder='替代文字'：占位符提交按钮：
input标签：
type='submit'
value='':表单元素的值图片提交按钮：不会触发提交操作
<input type='image' src='im.jpg'/>普通按钮：不会触发提交操作
input标签：
type='button'button按钮：在其他地方常用，在表单里面使用，会触发提交操作
<button>提交</button>重置按钮：将表单元素里面的所有内容回归为默认状态
type='reset'单选按钮：只能选一个
如果单选按钮要想只选一个，只需要将input标签的name属性值设置为一样的
input标签，type='radio',checked="checked"(默认选中)label..for..:label是双标签，里面防止的是点击的内容，for是属性，属性
值是对应你要选中的表单元素的id值
<label for='man'>男</label><input type='radio' name='sex' value='男' checked id="man"/>单选按钮：多选
type='checkbox'文件上传：
type='file'<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><!-- 表单 --><form action="1.php" method="get"><!-- 输入框 -->用户名：<input class="" name="username" type="text" password="false" maxlength="140" value="123456" /></br><!-- 提交按钮 --><input type="submit" value="登录"></form>
</body></html>文本域：
本质上也是一个输入框，可以支持换行，一般放置大量的文本内容（个人简介）
textarea
可以自己控制大小，也可以设置默认大小
rows:文字多少行
cols:文字多少列 <textarea name="" id="" cols="30" rows="10"></textarea>下拉列表:select：
列表项：option
name属性写到select标签，value属性一般写到option里面
默认选中，selected属性
还支持多选，一般不用，multiple<!--分组下拉列表--><!-- 分组下拉列表--><form action="1.php" method="get">籍贯：<select name='sel'><optgroup label="江西省"></optgroup><option value='pingxiang'>萍乡</option><option>南昌</option><option>九江</option><option>赣州</option><option>景德镇</option><optgroup label="北京"></optgroup><option>东城区</option><option>西城区</option><option>石景山区</option><option>朝阳区</option></select><input type="submit" value="提交"></form><form action="1.php" method="get"><fieldset><legend>这是其他表单控件</legend><!-- 滑块：默认是0-1 --><!-- min:滑块最小值，max：最大值 value：默认值 --><input type="range" min="0" max="100" value="20"> <input type="submit" value="提交"><fieldset></form>fieldset：设置表单的区域，写到from里面
legend：说明表单的内容
表格：显示数据（用来布局--之前）
表格标签：table,双标签行：tr ,双标签列：td ,双标签行和列之间也是包含关系，是每行几列
其实表格里面是td作为显示的table的属性：
border:线框1
cellspacing:单元格的间隙
cellpadding：单元格的内边距离（一般不用）表格的大小默认情况下是内容的大小
每列的宽度默认情况下是该列内容最长的宽度align:排练方式，left，center,right
给每个tr设置，则每个td的内容就是居中的
给table设置，该表格居中显示valign:设置每列文字的垂直显示方式，top middle bottom标签属性：alignvaligncss样式属性text-alignvertical-aligncss表格：
给table设置宽高，折叠单元格使用border-collapse样式属性
border-collapse:collapse;(cellspacing)<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<style>tr{text-align: center;}td{border: 1px solid #ccc;}table{width: 200px;height: 200px;border: 1px solid #ccc;border-collapse: collapse;//单元格线折叠在一起‘细线’}
</style>
<body><!-- 四行四列--><table cellpadding='0'><tr><td>姓名</td><td>性别</td><td>籍贯</td><td>职业</td></tr><tr><td>bibi</td><td>男</td><td>赣州</td><td>挖掘机</td></tr><tr><td>vivi</td><td>女</td><td>江西</td><td>搬砖</td></tr></table></body></html>表单：登录 注册页面相关推荐
- html透明表单登录注册页面源码
大家好,今天给大家介绍一款,html透明表单登录注册页面源码(图1).送给大家哦,获取方式在本文末尾. 图1 自适应页面,适合于各种分辨率(图2) 图2 部分源码: <!doctype html ...
- html笔记2（表格、表单以及注册页面）
html笔记 1.表格标签(table) 表格属性 表格结构标签 合并单元格 表格总结 2.列表标签 无序列表(ul) 有序列表(ol) 自定义列表(dl) 3.表单(form标签 以下三个标签也可以 ...
- JQuery实现表单验证(注册页面)
注册页面功能实现: 验证会员名密码不能为空或者包含空格,并且保证长度至少6位 验证邮箱符合规则,并且不能为空 重复密码要与密码一致 1.页面的样式 <form action="#&qu ...
- html表单标签-------注册页面
表单标签: <from>用于为用户创建HTML表单,定义表单,还可以定义范围 action:指定提交数据的url selected默认值 method:提交方式,主要有两种常用的提 ...
- php登陆页面修改密码的功能,使用bootstrap创建登录注册页面并实现表单验证功能...
本篇文章给大家介绍一下使用bootstrap创建登录注册页面并实现单验证功能的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用bootstrap做登入注册页面,使用valid ...
- 清爽登录界面html,基于css3实现扁平简洁清爽的登录注册页面代码
今天给大家分享一款基于css3实现扁平简洁清爽的登录注册页面代码,使用浅色设计,兼容移动设备,加入了基本的表单验证,适合大部分网站. 代码很简单有css样式,index.html两部分代码.感兴趣的朋 ...
- JavaWeb项目(登录注册页面)全过程详细总结
文章目录 JavaWeb项目(登录注册页面)全过程总结 一.环境准备与开发工具 二.创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录 ...
- 登录注册页面的示例代码
下面是使用Vue3和element-plus写登录注册页面的示例代码: 首先,在main.js文件中引入Vue和element-plus组件库: import { createApp } from ' ...
- 做登录/注册页面需考虑哪些问题？
[文章摘要]现在人手一部手机的前提下,手机号登录/注册的方式无疑是最简单直接的方式.而且现在很多其他注册方式,到后面还是会引导用户去绑定手机. 这几天在做登录/注册页面.做之前看了很多其他公司的登录/ ...
- HTML+CSS+JavaScript 实现登录注册页面(超炫酷)
1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能 ...
最新文章
- CentOS7.4-btrfs管理及使用
- 核酸序列特征信息分析
- 欢迎大家加入我的圈子
- Uva 11077 Find the Permutation
- excel合并同类项数据求和
- 前端学习（3324）：你不知道javascript说闭包
- Java list接口
- 华为机试——简单密码
- Android之使用ThumbnailUtils类来获取视频第一帧缩略图
- 罗马数字包含以下七种字符： `I， V， X， L，C，D M`
- 走全渠道电商O2O模式的优势体现在哪些地方？
- 一位技术主管的十年编程经验总结
- 360+城市空气质量指数-日度数据、良好天数统计（2001-2022年）
- ECCV 2018 paper
- 参加了iDOF2016会议，发表演讲“油田SOA与云平台的系统思考与实践”
- iOS微信第三方登录
- oracle检测数据表变化,Oracle 检查表的数据变动
- Java 垃圾回收机制与几种垃圾回收算法
- 如何掌握HEC-RAS建模方法与涉河建设项目防洪评价报告编制
- 移动端适配-flexible.js使用(解决对外部引入css，px2rem能不能转换rem问题)