展开

关键词

html学习笔记第二弹

一篇文章为HTML标签上半部分,篇为下半部分。 表格标签 标签 table、tr与td标签 表格标签作用:主要用于显示、展示数据,因为它可以让数据显示非常规整,可读性非常好。 表单 表单<form></form>是一个包含表单元素区域 在HTML标签中,<form>标签用于定义表单,以实现用户信息收集和传递。 用来区分同一个页面中多个表单 表单控件(表单元素) 在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单输入或者选择内容控件。 checked checked 规定input元素首次加载时应当被选中 mexlength 正整数 规定输入字段中字符最大长度 name和value是每个表单元素都有的属性值,主要是给后台人员使用 , 一般较少使用 label标签 <label>标签为input元素定义标注(标签) 使用场景:<label>标签用于绑定一个表单元素,当点击<label>标签内文本时,浏览器就会自动将光标转到或选择对应表单元素

9710

CSS用户界面样式

CSS用户界面样式 所谓界面样式, 就是更改一些用户操作样式, 比如 更改用户鼠标样式, 表单轮廓以及 防止表单拖拽等。但是比如滚动条样式改动受到了很多浏览器抵制,因此我们就放弃了。 鼠标样式cursor 设置或检索在对象移动鼠标指针采用何种系统预定义光标形状。 :none 这个单词可以防止 火狐 谷歌等浏览器随意拖动 文本。 ,是margin: 0 auto; 以前我们还讲过让文字居中对齐,是 text-align: center; 但是我们从来没有讲过有垂直居中属性 vertical-align 垂直对齐, 这个看上去很美好一个属性 */ -webkit-line-clamp: 2; /*设置或检索伸缩盒子对象子元素排列方式*/ -webkit-box -orient: vertical;(垂直居中) 实际开发中更推荐让后台人员作效果

18440
  • 广告
    关闭

    开发者专享福利,1988元优惠券限量发放

    带你体验博客、网盘相册搭建部署、视频渲染、模型训练及语音、文字识别等热门场景。云服务器低至65元/年,GPU15元起

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS高级技巧 CSS用户界面样式

    CSS用户界面样式 所谓界面样式, 就是更改一些用户操作样式, 比如 更改用户鼠标样式, 表单轮廓以及 防止表单拖拽等。但是比如滚动条样式改动受到了很多浏览器抵制,因此我们就放弃了。 鼠标样式cursor 设置或检索在对象移动鼠标指针采用何种系统预定义光标形状。 :none 这个单词可以防止 火狐 谷歌等浏览器随意拖动 文本。 ,是margin: 0 auto; 以前我们还讲过让文字居中对齐,是 text-align: center; 但是我们从来没有讲过有垂直居中属性 vertical-align 垂直对齐, 这个看上去很美好一个属性 */ -webkit-line-clamp: 2; /*设置或检索伸缩盒子对象子元素排列方式*/ -webkit-box -orient: vertical;(垂直居中) 实际开发中更推荐让后台人员作效果

    22431

    想知道HTML语法结构?看这一篇就够了(超全解析html语法)

    数字越小,表示级别越高,文字字体也就越大。 4.居中标记 居中标记以

    标记开头,以
    结尾。 标记之中内容居中显示。 <input>表单输入标记 表单输入标记是使用最频繁表单标记,通过这个标记可以向页面中添加单行文本、多行文本、按钮等。 当type属性为button、reset和submit时,指定是按钮显示文字;当type属性为checkbox和radio时,指定是数据项选定时值 type属性是标记中非常重要内容,决定输入数据类型 普通按钮 radio 单选选项 hidden 隐藏 checkbox 复选框 image 图像 例:创建一个index.html文件,在该文件标记中添加一个表单,并且在该表单中应用标记中添加文本框 、密码、单选选项、复选框、文本、隐藏、提交按钮、重置按钮、普通按钮和图像共10个输入字段。

    88030

    07.HTML实例

    本例演示在 HTML 文档中折行使用。 ? ? HTML 格式化某些问题。 ? ? ---- HTML 文本格式化 文本格式化 ? ? ? 例演示如何使用 pre 标签对空行和空格进行控制。 例演示不同"计算机输出"标签显示效果。 ? ? 例演示如何在 HTML 文件中写地址。 ? ? 例演示如何实现缩写或首字母缩写。 ? ? 例演示如何改变文字方向。 ? ? 从不同位置插入图片 ? ? 排列图片 ? ? 本例演示如何使图片浮动至段落左边或右边。 ? ? 制作图像链接 ? ? 创建图像映射 ? ? 点击图片映射到另一张图 ? 本例演示如何创建一个文本(多行文本输入控件)。 ? ? 创建一个按钮 ? ? 本例演示如何在数据周围绘制一个带标题框。 ? ? 带有文本输入表单 ? ? 点击提交 ? 带有复选框与提交按钮form表单 ? ? 点击提交 ? 带有单选框与提交按钮表单 ? ? 点击提交 ? 发送邮件表单 ? ?

    1.7K40

    CSS——06扩展:高级

    防止表单拖拽 2.1 鼠标样式cursor 设置或检索在对象移动鼠标指针采用何种系统预定义光标形状。 cursor 样式很多,重点记住 pointer 轮廓线 表单默认outline outline 轮廓线,我们一般直接去掉,border是边框,我们会经常用 防止拖拽 主要针对文本resize 防止用户随意拖拽文本 实际 本质就是定位,哪一个大图,如何通过定位形式把,大图里包含小图定位到想要位置 出现了CSS精灵技术(也称CSS Sprites、CSS雪碧)。 为了使各种特殊形状背景能够自适应元素中文本内容多少,出现了CSS滑动门技术。它从新角度构建页面,使各种特殊形状背景能够自由拉伸滑动,以适应元素内部文本内容,可用性更强。 负边距+定位:水平垂直居中 咱们前面讲过, 一个绝对定位盒子, 利用 父级盒子 50%, 然后 往左() 走 自己宽度一半 ,可以实现盒子水平垂直居中。 2).

    8040

    HTML5标签2

    在HTML中,一个完整表单通常由表单控件(也称为表单元素)、提示信息和表单3个部分构成。 ? 表单: 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序url地址,以及数据提交到服务器方法。如果不定义表单表单数据就无法传送到后台服务器。 作用: 用于绑定一个表单元素, 当点击label标签时候, 被绑定表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。 表单 在HTML中,form标签被用于定义表单,即创建一个表单,以实现用户信息收集和传递,form中所有内容都会被提交给服务器。 method 用于设置表单数据提交方式,其取值为get或post。 name 用于指定表单名称,以区分同一个页面中多个表单。 注意: 每个表单都应该有自己表单

    41740

    前端HTML万字血书大总结,来看看你入门了吗?

    文本格式化标签,使文字以特殊方式显示。 路径分类 符号 说明 同一级路径 只需输入图像文件名称即可。 下一级路径 “/” 上一级路径 “…/” 在文件名之前加入“…/” ,如果是两级,则需要使用 “…/ …/”,以此类推。 在HTML中,一个完整表单通常由表单控件(也称为表单元素)、提示信息和表单3个部分构成。 ? 表单控件: ​ 包含了具体表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 表单: ​ 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序url地址,以及数据提交到服务器方法。如果不定义表单表单数据就无法传送到后台服务器。 但是我们实际开发会用比较少 6.6、form表单 在HTML中,form标签被用于定义表单,以实现用户信息收集和传递,form中所有内容都会被提交给服务器。

    10320

    html 下

    表单控件: ​ 包含了具体表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 如果不定义表单表单数据就无法传送到后台服务器。 如何绑定元素呢? 第一种用法就是用label直接包括input表单。 但是我们实际开发会用比较少 3. form表单 收集用户信息怎么传递给服务器? 通过form表单 目的: 在HTML中,form标签被用于定义表单,以实现用户信息收集和传递,form中所有内容都会被提交给服务器。

    27231

    前端成神之路-CSS高级技巧

    防止表单拖拽 2.1 鼠标样式cursor 设置或检索在对象移动鼠标指针采用何种系统预定义光标形状。 样式很多,重点记住 pointer 轮廓线 表单默认outline outline 轮廓线,我们一般直接去掉,border是边框,我们会经常用 防止拖拽 主要针对文本resize 防止用户随意拖拽文本 ; 但是我们从来没有讲过有垂直居中属性。 为了使各种特殊形状背景能够自适应元素中文本内容多少,出现了CSS滑动门技术。它从新角度构建页面,使各种特殊形状背景能够自由拉伸滑动,以适应元素内部文本内容,可用性更强。 负边距+定位:水平垂直居中 咱们前面讲过, 一个绝对定位盒子, 利用 父级盒子 50%, 然后 往左() 走 自己宽度一半 ,可以实现盒子水平垂直居中。 2). 压住盒子相邻边框 ?

    39630

    从零开始学 Web 之 HTML(三)表单

    ---- 二、表单 1、组成 文本(提示信息) 表单控件 ? 表单 上面提示信息和表单控件等所在区域 。 ="disabled" 6 value="用户名"> type:类型,输入是文本内容 name:输入名字 maxlength:限定输入文本长度 readonly:文本框只读 disabled 3、密码输入框 1<input type="password" name="pwd"> PS:文本输入所有属性对密码输入框都有效 4、单选框 1<input type="radio" name PS:当有多个单选框是如何设置只能有一个被选中? 只有将 name 值设置相同时候,才能实现单选效果。 -- 表单 --> 2 <form action="1.php" method="post"> 3 <!

    89330

    17.HTML

    表单标签, 要提交所有内容都应该在该标签中 action表单要提交地址,用于处理表单内容(一般是提交字典到后台一个接口,这个接口是java写成,提交到这个接口后后台就知道如何处理这些数据了)。 post提交键值对不在地址栏. 2.安全性相对较高. 3.对提交内容长度理论无限制. (2)表单元素input text 文本框输入(默认text文本框类型)。    用于提交表单。 reset 重置按钮。清空表单输入,恢复到表单默认状态。 button  普通按钮。一般结合javascript使用。 <textarea> 文本标签。 默认表现形式是可以输入很多行文本文本框。   name (表单提交项key)   cols(设置文本宽度)   rows(设置文本高度,即行数) <select> 下拉框标签。   表格主体部分,使结构更加分明   表格数据行   表格表头名称,与不同在于文字采用加粗居中形式显示   单元格,用来显示表格内容 (1)简单表格

    2.3K71

    html学习笔记(一)

    =”left | right | center” ​ 如果直接给表格用align=”center” 表格居中 ​ 如果给tr或者td使用 ,tr或者td内容居中表单控件 ? 表单 上面提示信息和表单控件等所在区域 。 文本框未激活 value:输入框中默认内容 密码输入框 <input type="password" name="pwd"> PS:文本输入所有属性对密码输入框都有效 单选框 <input PS:当有多个单选框是如何设置只能有一个被选中? 只有将name值设置相同时候,才能实现单选效果。 -- 表单 --> <form action="1.php" method="post"> <fieldset> <!

    1.3K51

    献给前端小伙伴,祝大家面试顺利!

    搜索引擎爬虫依赖于标记来确定上下文和各个关键字权重,利于 SEO。 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。 3.常见浏览器内核有哪些? table 元素会作为块级表格来显示。 inherit 规定应该从父元素继承 display 属性值。 3.行内元素有哪些?块级元素有哪些?CSS盒模型? ; 利用display:table-cell属性使内容垂直居中; 使用css3新属性transform:translate(x,y)属性; 使用:before元素; 8.在书写高效 CSS 时会有哪些问题需要考虑 ),它首先会从作用链中链尾也就是当前作用进行查找是否有X属性,如果没有找到就顺着作用链继续查找,直到查找到链头,也就是全局作用链,仍未找到该变量的话,就认为这段代码作用不存在x变量,并抛出一个引用错误 ,数组方法便从数组原型继承而来。

    38550

    HTML5 与CSS3 相关笔记

    (10)表单隐藏hidden:数据不会页面中显示,但会随表单一同提交。 <input> 输入 <textarea> 文本 (多行输入) <label> 定义 <input> 元素标签,一般为输入标题 <fieldset> 定义一组相关表单元素,并使用外框包含起来 指定一个预先定义输入控件选项列表 <keygen> 定义了表单密钥对生成器字段 <output> 计算结果 25.表单验证 (1)好处:减轻服务器压力;保证数据可行性和安全性。 margin-top:外边距、margin-bottom:下外边距 margin-left:左外边距、margin-right:右外边距 margin:简写”右下左” auto:设置盒子在它父容器里居中显示 表单 <form method="提交方式" action="提交地址"> 如果是文件要在表单中加 enctype=”multipart/form=data” 属性 隐藏:type="hidden

    11130

    001.html常用基础知识点

    ---- 表单标签(掌握) 在HTML中,一个完整表单通常由表单控件(也称为表单元素)、提示信息和表单3个部分构成。 表单控件: ​ 包含了具体表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 如果不定义表单表单数据就无法传送到后台服务器。 作用: 用于绑定一个表单元素, 当点击label标签时候, 被绑定表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。 ---- 表单 在HTML中,form标签被用于定义表单,即创建一个表单,以实现用户信息收集和传递,form中所有内容都会被提交给服务器。

    98820

    表单

    属性指示服务器处理表单输出程序,一般来说,当用户单击表单"提交"按钮后信息发送到Web服务器,由attion属性所指程序处理如果action为空则默认提交到本页     method:属性告诉浏览器 ,如何将数据发送给服务器,他指向服务器发送数据方法。 例如如果表单上有几个文本框,可以按名称来标识它     value        属性是可选属性他指定元素初始值,如果type为radio类型则必须指定一个值     size        属性指定表单元素初始宽度 元素中输入最大字符数,默认值无限大     checked        属性用于指定按钮是否被选中。 当输入类型为radio或CheckBox使用属性 文本框   用于输入单行文本信息将表单元素type设为text就可以了

    <input  type=" text"/>

    密码框

    52090

    前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

    表单标签 表单标签 <form> <form></form> 表单是可以把浏览者输入数据传送到服务器端,这样服务器端程序就可以处理表单传过来数据。 上传文件 button 普通按钮 reset 重置按钮(点击按钮,会触发form表单reset事件) submit 提交按钮(点击按钮,会吃饭form表单submit事件) email 专门用于输入 <textarea></textarea> 当用户想输入大量文字时候,使用文本。 cols,多行输入列数,rows,多行输入行数。 9. 事件委托 BOMlocation对象 浏览器从输入URL到页面渲染整个流程 跨、同源策略及跨实现方式和原理 JavaScript 中 arguments EventLoop事件循环 发布订阅者模式与观察者实现

    6720

    JavaWeb01轻松掌握HTML(Java真正全栈开发)

    属性: algin:对齐方式(left左,right右,center居中;默认值left)


    生成一条水平线 属性: align:水平线对其方式(left左,right右,center居中) size :<input type="hidden">定义隐藏输入字段 属性: name:定义标签名称(隐藏名称,通过name进行数据传递) value:定义标签值(实际提交数据) file:<input <html>用以声明这是 html 文件,让浏览器认出并正确处理 html 文件. </select> 4.textarea标签 <textarea>标签用于定义一个多行文本输入控件(多行文本框,文本) 常用属性: name:定义多行文本框名称 cols:定义多行文本框可见宽度 rows 常用属性: src:定义框架要显示页面url name:定义框架名称(用于其他标签target属性使用) frameborder:定义框架边框,其值可以有0和 1,0表示不要边框,1表示要显示边框

    56750

    Kali Linux Web渗透测试手册(第二版) - 4.8- 执行跨站点请求伪造攻击

    虽然这证明了这一点,但外部站点(或本例中本地HTML页面)可以在应用程序执行密码更改请求。用户仍然不太可能点击“提交”按钮。 我们可以自动执行该操作并隐藏输入字段,以便隐藏恶意内容。 我们文件看起来像这样: 注意表单target属性是如何在它下面定义iframe,并且这样框架具有0%高度和宽度。 10.在启动会话浏览器中加载新页面。 原理剖析 当我们从浏览器发送请求并且已经存储了属于目标cookie时,浏览器会在发送之前将cookie附加到请求中; 这就是使cookie像会话标识符一样方便原因,但这种HTTP工作方式特点也使它容易受到像我们在本文中看到那样攻击 当我们在应用程序中有活动会话同一浏览器中加载页面时,即使它是不同选项卡或窗口,并且页面向启动会话发出请求,浏览器将自动附加会话该请求cookie。 但是,保护仅在通过脚本进行请求时才有效,而不是在通过表单进行时。因此,如果我们可以将JSON或XML请求转换为常规HTML表单,我们就可以创建CSRF攻击。

    58020

    相关产品

    • 企业微信汽车行业版

      企业微信汽车行业版

      企业微信汽车行业版WAV是基于企业微信的汽车行业私域流量运营平台。WAV通过无缝植入企业微信的销售赋能工具、粉丝及售后会员社群运营、自动化任务推送等功能及服务,帮助车商全面赋能一线销售、最大化客户生命周期价值

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券