[endif]--> div class="content"> div class="leftDiv" id="leftDiv">...left conternt 切换 div>...div> div class="content"> div class="leftDiv" id="leftDiv">..." class="changeBtn">切换 div> div class="right-content">
html 代码: div id="exPara" style="display:none"> 22222222 div> jquery 代码
alert("id:"+storage.id); //测试是否有登录数据,id if(storage.id == undefined){ //如果本地没有用户信息,显示登陆和注册按钮...res.data) //判定本地用户对应是否处于登录状态,处于登录状态的用户具有用户名信息 if(res.data == undefined){ //如果没有用户名信息,当前用户未登录,显示登陆与注册按钮...'none'; document.querySelector("#nickname").style.display = 'none'; }else{ //如果具有用户名信息,显示用户答题相关按钮...--配置查询所有,带条件--> ...> div> div> div> div> <script
这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮; HTML表单和常规HTML文档的主要区别在于,大多数情况下,表单收集的数据被发送到web服务器; form表单 所有的...button 普通按钮(本身没有任何功能,需要绑定js) reset 重置按钮 按钮组的提示信息可以通过value属性自定义,如果不自定义那么不同的浏览器可能会展示出不同的提示信息,尤其是submit...按钮 select标签 下拉框 显示 --> 单选框--> gender 单选的功能,name指定同一个参数 --> <!
/imgs/6.jpg" width="200" height="260" /> 表格标签( **** 重点,必须掌握 * ) 需求 1:做一个 带表头的 ,三行,三列的表格,并显示边框...-- 需求 1:做一个 带表头的 ,三行,三列的表格,并显示边框 需求 2:修改表格的宽度,高度,表格的对齐方式,单元格间距。...性别(单选),兴趣爱好(多选),国籍(下 拉列表)。 隐藏域,自我评价(多行文本域)。重置,提交。 表单的显示: 单选),兴趣爱好(多选),国籍(下拉列表)。 隐藏域,自我评价(多行文本域)。重置,提交。--> 按钮 value 属性修改按钮上的文本 input type=submit 是提交按钮 value 属性修改按钮上的文本 input type=button
(4)能够处理 HTML/JSP/XML、CSS、DOM、事件、实现动画效果,也能提供异步 AJAX 功能 (5)文档手册很全,很详细 (6)成熟的插件可供选择,多种 js 组件,例如日历组件(点击按钮显示下来日期...表单选择器是为了能更加容易地操作表单, 表单选择器是根据元素类型来定义的 注意:无论是否存在表单,表单选择器都会根据相应的type属性值做出选择。...表单选择器主要是根据 type值进行定位的 只有type属性的标签才具有 表单选择器 <input type="radio...对象数组中dom对象的顺序和声明dom对象时的顺序保持一致 div>1div> dom1 div>2div> dom2 div>3div> dom3 $("div") == [dom1...注意:以下设置的内容是书写代码时标签中的在网页显示文本内容,而不是设置网页上显示的内容。
[form 的内容] 描述了要把数据按照什么方式, 提交到哪个页面中. input标签 各种输入控件, 单行文本框, 按钮, 单选框, 复选框....尤其是对于单选按钮, 具有相同的name才能多选一. value: input 中的默认值. checked: 默认被选中....(用于单选按钮和多选按钮) maxlength: 设定最大长度....*3[tab] 标签带id div#sex[tab] 标签带类名 div.sex[tab] 标签带子元素 ul>li*3[tab] 标签带兄弟元素 span+span 标签带内容 div{hello}...标签带内容(带编号) div{$.hello) 除此之外还有很多,用着就熟悉了 HTML参考文档 HTML - MDN Web 文档术语表:Web 相关术语的定义 | MDN (mozilla.org
1、Button with icon(图标按钮) 图标按钮,在设计中比较常见,示例图如下所示: HTML部分 <!...) 有复选框,就有自定义单选组件的需求,只能单选,一次只能选1个,如下图所示: HTML部分 <!...) 类似BootStrap组件库里,就有类似的输入框,图标和输入框并排显示,如下图所示: HTML部分 <!...*/ align-items: center; display: flex; justify-content: center; } 7、Radio button group(单选按钮组...) 很早以前的 IOS 版本有这样单选按钮组,用来切换和显示页面,示例如下图所示: 这里我们使用 radio 组件实现上述效果,示例代码如下: HTML部分 div class="stv-radio-buttons-wrapper
ol 表示一个有序列表,通常渲染为有带编号的列表 em 表示文本着重,一般用斜体显示 strong 表示文本重要,一般用粗体显示 font 表示字体,可以设置样式(已过时) i 表示斜体 b 表示加粗文本...【建议】 文本标签,建议视频老师根据PPT,准备材料,简单演示即可。...去掉下划线 根据某些样式的布局需求,去除下划线更为美观。...属性值 作用 radio 单选按钮。...在同一个”单选按钮组“中,所有单选按钮的 name 属性使用同一个值;一个单选按钮组中是,同一时间只有一个单选按钮可以被选择。 2. 必须使用 value 属性定义此控件被提交时的值。 3.
-- 表单域:数据提交到login.html,使用post方式 --> post" name="loginForm">...核心表单控件详解 (1)标签:“万能输入控件” 是表单中最常用的控件,通过type属性切换不同功能,支持文本输入、密码输入、单选、复选、按钮等,核心属性如下: type:控件类型.../ 复选框配合使用,按钮样式区分(提交按钮突出显示)。...div> div> (5)给标签添加 ID:# 语法:标签名#id值,生成带id属性的标签; 示例: 输入div#header+Tab...生成带编号的内容:$ 语法:$表示递增数字,$$表示两位数编号(如 01、02),$$$表示三位数; 示例: 输入div.item{$}*5+Tab → 生成带 1-5 编号的 div: div
:submit 普通按钮:button 重置按钮:reset submit w3c已经封装好了提交的功能,后端不需要再写功能 重置按钮有重置这个功能,但是基本不用,没有需求 button按钮有提交功能...国内2005年互联网网站大量改版:从表格布局改版成div布局 表格布局:浏览器读取所有代码显示效果 Div布局:浏览器读取一部分代码则显示一部分效果 现在表格用来做网站的 数据统计区域 表格 table...div的一个换行后的占位效果,外边距有可能显示的很多,其实没变。...> 十、小知识点 ---- div 默认有换行的功能 dr标签 也是换行 工作中很少用 ;空格的实体符号,到时候会用距离调整 有的网站刷新页面后单选框默认有一个选中的选项,...因为根据数据处理,用户群体默认一选项占比大,节省大部分用户的时间成本。
一套规则,浏览器认识的规则 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。...:水平线 特殊字符: < >;";©® ''' div>和 div>div> : div>只是一个块级元素,并无实际的意义...表单标签: 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 ... 定义单选按钮。...单选按钮允许用户在有限数量的选项中选择其中之一: --------------------------------------------- 提交按钮
根据行业变化,针对本篇文章进行了内容的调整,并重新书写部分内容,调整时间2015年08月03日。...表单能够包含 input元素,比如文本字段、复选框、单选框、提交按钮等等。表单的作用在于能够向服务器端传送所需要的数据。由于涉及数据的提交,form标签自然必不可少啦。...因此通常使用div、table、ul、fieldset等元素辅助。关于具体选择哪种块元素辅助表单元素完成布局,需要根据具体情况来定。随着行业的发展,fieldset逐渐被弃用。...默认一般显示在左上角。...有get和post两种发送方式。 为更有利于SEO,可以再书写上name属性 关于提交方法get和post的区别,很明显的区别在于,url地址当中?
默认是居中,并加粗) b 标签是加粗标签 center 让被包含的内容居中显示 需求1:做一个 带表头的 ,三行,三列的表格,并显示边框 需求2:修改表格的宽度,高度,表格的对齐方式,单元格间距。...value属性可以修改按钮的文本 input type=reset 是重置按钮 value属性可以修改按钮的文本 让所有表单项都恢复默认值 input type=button 是按钮 value属性可以设置按钮的文本...2、单选、复选框、(下拉列表项可选)。都要添加value属性。否则只会提交给服务器on值 3、表单提交的时候。如果表单项不在提交的表单内,也不会把数据发给服务器。...请求的特点: 1、浏览器地址栏只有action的属性值 2、相对安全 3、数据没有长度限制 div、span、p标签 div :div标签(块标签) 默认独占一行 span :是内联标签 默认宽度就是封装的数据的长度...p :是段落标签 默认会在段落的上方或下方各空出一行来 需求1:div、span、p标签的演示 div>这是div块标签1div> div>这是div块标签2div>
type="password" name:密码框名称(必填) size:密码框长度 --> 10.3.3 单选按钮...同一组单选按钮,name属性值必须相同,才能在选中单选按钮时达到互斥; <!...-- type="radio" name:单选框名称(必填),一组的名称需要相同 checked:单选按钮选中状态 value:单选框的值 --> 10.3.4 checkbox复选框 同一组复选框,根据需要可设置name属性值相同; div就是一个盒子,主要用于页面布局,是块元素 --> div class="box"> 头部header <main
1.3.2 -> input标签 各种输入控件,单行文本框,按钮,单选框,复选框。...尤其是对于单选按钮,具有相同的name才能多选一。 value:标签中的默认值。 checked:默认被选中。(用于单选按钮和多选按钮)。 maxlength:设定最大长度。 1....单选框 性别: 男 女 注意: 单选框之间必须具备相同的...快速输入多个标签 div*3 [tab] 3. 标签带id div#sex [tab] 4. 标签带类名 div.sex [tab] 5....标签带兄弟元素 span+span 7. 标签带内容 div{hello} 8. 标签带内容(带编号) div{$.hello} 除此之外还有很多。
-- 块标签 --> div>这是divdiv> 这是span 备注: div独占一行;span的文本信息在一行内展示; 7、语义化标签 代码:...(一共七种,常用两种); get: ①请求参数会在地址栏中显示,会封装在请求行中,显示在浏览器地址栏; ②请求参数的长度有限制; ③不太安全; post: ①请求参数不会在地址栏中显示,会封装在请求体中...注意: ①要想使多个单选框实现单选的效果,则必须设置相同的name值; ②一般会给每一个单选框一个value值,指定其被选中后提交的值; ③checked属性,用来指定默认值; checkbox 复选框...注意: ①一般会给每一个单选框提供value属性,指定被选中后提交的值; ②checked属性,用来指定默认值; file 文件选择框 hidden 隐藏域,用于提交一些信息; 按钮 submit提交按钮...; button普通按钮; image图片按钮; label 指定输入项的文字描述信息; 注意: label的for属性一般会和input的id属性值对应,如果对应了,则点击label区域,会让input
提交的方式有两种,get和post。两者的区别:(1)提交的内容的长度,get不能超过2KB,post无限制;(2)安全性,get将内容拼接到字符串后面,不够安全。...size为输入框的长度; value为默认的值 单选按钮 属性为name将单选按钮分组这样就可以选择只能选择一个;checked默认选中; value表示他的值 复选框 submit为提交按钮,value为按钮上显示的文字。...="单击" οnclick=""/> 普通按钮,value值为按钮上显示的文字,onclick是单击按钮触发的事件,可用js去处理 图片按钮 <input type="image" src="#"
表单中会根据页面显示需求,采用不同的表单元素来呈现,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 它可能长得这个样子 表单使用标签...如果填写值 _blank ,当点击按钮提交数据时,在新窗口中打开新的页面。 常用表单元素有以下这些: 单选按钮 --> female 按钮, 用于提交表单数据 --> <!...对象 Objects Form对象封装了一系列 Field 和验证规则,Form 类都必须直接或间接继承自 django.forms.Form,定义 Form 有两种方式: 方法一:根据 Model
在浏览器中预览 index.html 页面效果显示如下所示: 目标效果 element-ui 官网上具有单选功能的表格 demo 为:点击表格下方的按钮可以选中指定的某行数据。...div class="tools">:包含两个操作按钮的容器。....main:设置组件根元素的宽度为父元素的 60%,并使其水平居中显示。 .tools:设置操作按钮容器的顶部边距为 20 像素,并使按钮水平居中显示。 三、工作流程 ▶️ 1....设计模板:在 中使用 Element - UI 的 el - table 组件,并根据需求添加单选按钮和操作按钮。...渲染页面:Vue 实例将根据组件的定义和传递的数据渲染页面,用户可以看到带有单选功能和操作按钮的表格。