(必写属性) Alt 替换文本 图片不显示的时候显示的文字(重要性:1.SEO 2.盲人阅读需求) Title 提示文本 鼠标放到图片上显示的文字 Width 图片宽度 Height 图片高度...="" target="">填写内容 href 去往的路径(跳转的页面) 必写属性 title 提示文本 鼠标放到链接上显示的文字 target=”self" (默认值) 在自身页面打开(...只有将name的值设置相同的时候,才能实现单选效果。...="selected">下拉列表选项 multiple=”multiple”: 将下拉列表设置为多选 selected=”selected...3:不要使用纯样式标签,如:b、font、u等,改用css设置。 4:需要强调的文本,可以包含在strong或者em标签中。
(必写属性) Alt 替换文本 图片不显示的时候显示的文字(重要性:1.SEO 2.盲人阅读需求) Title 提示文本 鼠标放到图片上显示的文字 Width 图片宽度 Height 图片高度...="" target="">填写内容 href 去往的路径(跳转的页面) 必写属性 title 提示文本 鼠标放到链接上显示的文字 target=”self" (默认值) 在自身页面打开(...只有将name的值设置相同的时候,才能实现单选效果。...="selected">下拉列表选项 multiple=”multiple”: 将下拉列表设置为多选selected=”selected...3:不要使用纯样式标签,如:b、font、u等,改用css设置。 4:需要强调的文本,可以包含在strong或者em标签中。
可将网页的标题定义在与标记之中。 4.标记 是HTML页面的主体标记。 页面中的所有内容都定义在标记中。 标记本身也具有控制页面的一些特性,如控制页面的背景图片和颜色等。...例如,标记的name属性值为Map,该URI为#Map alt 用于指定当图片无法显示时显示的文字,只有当type属性为image时才有效 name 用于指定输入字段的名称 value 用于指定输入字段默认的数据值...…下拉列表标记 标记可以在页面中创建下拉列表,此时的下拉列表是一个空的列表,要使用标记向列表中添加内容。...> 标记的属性说明如下表所示: 属性 描述 name 用于指定下拉列表框的名称 size 用于指定下拉列表框中显示的选项数量,超出该数量的选项可以拖动滚动条查看 disabled 用于指定当前下拉列表框不可使用...: 属性 描述 src 用于指定图片的来源 width 用于指定图片的宽度 height 用于指定图片的高度 border 用于指定图片外边框的宽度,默认值为0 alt 用于指定当图片无法显示是显示的文字
,但ng-options指令更适合创建下拉列表,它有一下优势 使用ng-options的选项的一个对象,ng-repeat是一个字符串。...:{{selectedSite}} 你选择的值在key-value对中的value value 在key-value 对中也可以是个对象; ...实例 选择的值在key-value 对的value 中,这是 它是一个对象。 ...在表格中显示数据 使用angular显示表格是非常简单的 实例 显示序号($index) 表格显示序号可以在中添加$index: 实例 <tr ng-repeat
超链接标签: href:跳转的路径,必写 title:提示文本,当鼠标放到链接上时显示的文字 target:_self为默认值,在自身页面打开...="radio" name="gender" > 女 只有将name的值设置相同的时候,才能实现单选效果。...Multiple=”multiple” 将下拉列表设置为多选项 Selected=”selected” 设置默认选中项目 对下拉列表进行分组, label...特殊字符 标签语义化 好的语义化的网站标准就是去掉样式表文件之后,结构依然很清晰。...需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);
option> 大兴区 Multiple=”multiple” 将下拉列表设置为多选项...知识点四:标签语义化: 好的语义化的网站标准就是去掉样式表文件之后,结构依然很清晰。 ...; 3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备) 4:便于团队开发和维护 1:尽可能少的使用无语义的标签div和span; 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为...p在默认情况下有上下间距,对兼容特殊终端有利; 3:不要使用纯样式标签,如:b、font、u等,改用css设置。...4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);
/+图片名 下级路径: 写文件夹名字 + 图片名 上级路径: 先到上一文件夹 到上一级目录 …/ 当看到目标文件时再进入再找图片名 属性名:title 属性值:提示文本 当鼠标悬停是才显示的文本..."300"> 1 xioajiejie 表题 jiejie...1 jiejie 2 jie 七:input标签 type 属性值 text 文本框,用于输入单行文本 password 密码框 用于输入密码 radio 单选框 用于多选一 name 分组...,有相同name属性值的单选框为一组,一组中同时只能有一个被选中 checked 默认选中 checkbox 多选框 用于多选多 checked 默认选中 file 文件选择 用于之后上传文件 multiple...select标签 下拉菜单整体 option标签 下拉菜单的每一项 selected 下拉菜单默认选中 北京
"0" width="500" height="249"> 属性名 属性值 描述 align left(左)、center(中)、right(右) 对齐方式【整个table标签的】 border...】 (4) checkbox : 复选框(实现多选)【每个按钮加一个属性 name="",且值需一样】 (5) submit : 提交按钮,把form中元素的值提交【...(3) placeholder="" : 当没有值设定时,出现在表单控件上的文字 (4) type="" : 表单类型,如 (5)...-- 文件域 使用场景 上传文件使用的 --> 10、 label标签、select下拉列表和textarea文本域 1、标签 【通过 for 值,找到 同值...的 id 值】 用户名: 【点击 用户名 ,多选框会选上
name:输入框的名字 maxlength:限定输入文本长度 readonly:文本框只读 disabled:文本框未激活 value:输入框中的默认内容 placeholder:引导文字,当文本框无文字并且未获取鼠标焦点时显示引导文字...只有将 name 的值设置相同的时候,才能实现单选效果。...selected="selected">下拉列表选项 5 6 multiple=”multiple”: 将下拉列表设置为多选 selected...---- 三、标签语义化 好的语义化的网站标准就是去掉样式表文件(css文件)之后,结构依然很清晰。 根据内容的结构化(内容语义化),选择合适的标签(代码语义化) 有什么用? 1、网页结构合理。...3、不要使用纯样式标签,如:b、font、u 等,改用 css 设置。 4、需要强调的文本,可以包含在 strong 或者 em 标签中。
HTML第二天 ---- 1️⃣列表标签 无序列表–ul (常用) ul:表示无序列表的整体,用于包囊 li 标签 ul 标签中只允许包含 li 标签,默认显示圆点 有序列表–ol (偶尔用) ol:表示有序列表的整体...,列表的每一项前默认显示序号标识 ol:标签中只允许包含 li 标签 自定义列表–dl-dt-dd (底部导航用) dl 标签:表示自定义列表的整体 dl 标签中只允许包含dt/dd标签 dt 标签:表示自定义列表的主题...select 标签:下拉菜单的整体 option 标签:下拉菜单的每一项 select 标签语法 selected:下拉菜单的默认选中 textarea 文本域标签 textarea— 提供可输入多行文本的表单控件...”></label id 属性在 input 里面写 1️⃣使用方法: 1、使用 label 标签把内容(如:文本)包裹起来 2、在表单标签上添加 id 属性 3、在 label 标签的 for 属性中设置对应的...id 属性值 没有语义的布局标签 - div 和 span 实际开发网页时会大量频繁的使用到 div 和 span 这两个没语义的布局标签 div 标签–独占一行 span 标签–一行显示多个 有语义的布局标签
> 我是表头 我是表内容 我是表头 我是表内容 一般配合js使用for...> 我是表内容 我是表内容 我是表内容 我是表底部 </tfoot...用label标签绑定文字和空间的表单关系, 可以增加表单控件的点击范围, 首先输入框的id要树立一个值, 然后label 中的for字段,等于该id, 那么就可以点击到了 label 标签,增大点击范围...: 1.文本框, input text 2.密码框; 3.上传文件; 4.单选框; 5.多选框; 6.下拉菜单; 7.文本域; 提升用户体验...换行,span不换行哦, 先暂时记住这个就ok啦,后续会针对dev细讲~ 字符实体 在网页中显示预留字符; <; 是小于号 < >; 是大于号 > &nsp; 空格 ~ 你要展示多个空格的话
负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript),并渲染网页 内核分类: Trident:IE,猎豹安全浏览器,360极速浏览器,百度浏览器 Gecko:... 页面结构的主体,包含在页面中显示的标签 <!...--table 表格 tr 行 td 行内的单元格 th 表头 caption 表的标题 thead 容纳表的表头 tbody 容纳表的主体内容...,multiple为布尔属性,设置后为多选下拉框,不设置默认单选 1995...,注意和id的区别 value:表单提交时对应项的值 button,reset,submit时,value为按钮上显示的文本内容 text,password,hidden时,value为输入框的初始值
target 文档打开时要显示的目标位置,属性值一般有:_blank(新窗口中打开)、_self(默认,在超链接所在的容器中打开)、_parent(在超链接的父容器中打开)、_top(整个容器中打开)、...属性: name(将name的值设置为相同值,才表示一组数据,才能实现单选功能) value(必须要写,提交到服务器的key值,实际开发过程中value一般是编号) checked(是否被选中的状态...name(名字一定要一样一样的,才表示是一组数据,添加到同一value值列表提交到服务器) value(必须要写,提交到服务器的key值,实际开发过程中value一般是编号) checked(是否被选中的状态...name:表单提交项的key size:选项个数 multiple:多选 下拉选中的每一项 value(表单提交项的值) selected(selected下拉选默认被选中...--size一次显示的个数,multiple可以多选-->
$(":radio") 匹配所有单选 $(":checkbox") 匹配所有多选 $(":checked") 匹配所有选中的单选/多选/下拉选 $(“input:checked”) 匹配所有选中的单选和多选....css(“样式名”,“值”); 批量修改元素样式 元素对象.css({“样式名1”:“值”,“样式名2”:“值”}); 获取和修改元素的属性 获取元素属性 元素对象.attr(“属性名”); 修改元素属性...text方法等效js中的innerText li.text(str); //把创建的li添加到ul里面 $("ul").prepend(li); }) $("input...li添加点击事件 $("body>ul>li").click(function(){ //在事件方法中this代表触发该事件的元素对象 //this是js对象如果需要使用jq中的方法需要将...deltd.children().click(function(){ tr.remove();//删除按钮所在行 }) //前4个td里面显示的文本是用户输入文本框里面的文本,
多选框 多选框也叫复选框,默认选中:checked。... 敲前端代码 下拉菜单 标签:select 嵌套 option,select 是下拉菜单整体,option是下拉菜单的每一项。...默认提示文字 注意点: 实际开发中,使用 CSS 设置 文本域的尺寸 实际开发中,一般禁用右下角的拖拽功能 label 标签 作用:网页中,某个标签的说明文本...写法一 label 标签只包裹内容,不包裹表单控件 设置 label 标签的 for 属性值 和表单控件的 id 属性值相同 <label for...:文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等等。
性别(单选),兴趣爱好(多选),国籍(下 拉列表)。 隐藏域,自我评价(多行文本域)。重置,提交。 表单的显示: <!...input type=hidden 是隐藏域 当我们要发送某些信息,而这些信息,不需要用户参与,就可以使用隐藏域(提交的 时候同时发送给服务器) select 标签是下拉列表框 option 标签是下拉列表框中的选项...selected="selected"设置默认选中 textarea 表示多行文本输入框 (起始标签和结束标签中的内容是默认值) rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度...name 属性值 2、单选、复选(下拉列表中的 option 标签)都需要添加 value 属性,以便发送给服务器 3、表单项不在提交的 form 标签中 GET 请求的特点是: 1、浏览器地址栏中的地址是
readonly:是否只读 disabled:是否可用 maxlength:允许输入的最大长度 1.2.1.3 下拉列表标签: l 下拉列表。可以进行单选或多选。...n size属性:多选时,可见选项的数目。 n 子标签:下拉列表中的一个选项(一个条目)。 u selected :勾选当前列表项 u value :发送给服务器的选项值。...1.2.3 CSS的概述 1.2.3.1 CSS是什么 CSS 通常称为CSS样式或层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、对其方式等)、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式...3) 外部样式 外部样式又称为链入式,是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标签将样式连接到HTML文档中。 、 等 在开发中,希望行内元素具有块元素的特性,需要使用display进行转换 选择器{display:属性值} 常用的属性值: inline:此元素将显示为行内元素(
前言碎语 博主最近又开始前后端兼顾了,好心塞,有个需求需要用到下拉框多选,因为项目使用了angularjs,所有使用了一个开源的基于angular写的指令,在这里分享下,非angular可忽略...model中引入angularjs-dropdown-multiselect,然后就可以开始使用了 // HTML <div ng-dropdown-multiselect="" options...selected-model:被选中的值 optionSettings:下拉框的配置信息 我的配置如下: $scope.optionSettings = { ...scrollableHeight: '300px', //下拉框高度 scrollable: true, smartButtonMaxItems: 5,//选中的最多显示数... enableSearch: true//是否开启搜索过滤,下拉框数据量多的非常实用 }; 最后的效果如下: ps:博主正宗大后端,懂点angularjs,但是对于前端来说真是个门外汉
若不声明,将直接显示表达式。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 ng-bind 指令把应用程序数据绑定到 HTML 视图。...-- x.site for x in sites ==> x in sites 为循环数组 ==> x.site 为显示在下拉框中的内容 --> var app = angular.module...-- y.brand 是在下拉框中显示的数据 --> { { x.Name }} { { x.Country | uppercase }}...复选框(Checkbox) checkboc的值为 true 或 false ,可以使用 ng-model 指令绑定,值可以用于应用中 选中复选框
第一列 第二列 第二列 用css...,当图像不可见时(下载不成功时),nia可看到该属性指定的文本 title提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本) 表单标签与用户交互 <form method=...下拉表框单选 爱好: 看书 运动 购物 selected="selected"表示默认被选中 下拉表框多选...for 属性中的值应当与相关控件的 id 属性值一定要相同。
领取专属 10元无门槛券
手把手带您无忧上云