文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Web-第二天 HTML表单&CSS【悟空教程】

--此处的内容在标签外部，此处数据不能提交到表单--> ?...radio：单选框，表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的 。 submit：提交按钮。提交按钮会把表单数据发送到服务器。...将表单恢复到默认值。 u image：图形提交按钮，通过src给按钮设置图片。 u button：普通按钮，常用于与JavaScript结合使用。...在CSS中，执行这一任务的样式规则部分被称为选择器，本小节将对CSS基础选择器进行详细地讲解，具体如下： 1.2.4.1 元素选择器 标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的...包含选择器，两个标签之间使用空格，给指定父标签的后代标签设置样式，可以方便在区域内编写样式。

4.2K40

前端入门2-HTML标签声明正文-HTML标签

表单在网页中的角色很重要，因为表单是用来接收用户输入的信息并提交发送给服务器的中间角色。...表单并不是说，流程器就呈现给用户一张表单，反而通常呈现给用户的只是各自输入控件，比如输入框，或者勾选控件之类的。 表单，我的理解是，浏览器会将用户输入的这些数据收集起来生成一张表单提交给服务端。...form2 标签用来标记在表单中的按钮，但按钮的作用有三类，可通过属性值 type 来设置。...如下： type属性值 含义 submit 默认值，表示按钮的用途是提交表单 reset 表示按钮用途是重置表单 button 表示按钮是一个普通的按钮，没有任何语义 如果 标签不放在...，将屏幕某块区域划分出来后，用该标签标记后可通过选择器作用自定义的 CSS 样式。

2.6K20
您找到你想要的搜索结果了吗？
是的
没有找到

前端之form表单与css（1）

一、form表单 form表单用于用户界面向服务器传输数据，实现用户和web服务器的交互。表单包含input系列标签如文本字段、复选框、单选框、提交按钮等。...1.1表单的属性 属性 描述 accept-charset 规定在被提交表单中所使用的字符集（默认：页面字符集） action 规定向何处提交表单的地址（URL）（提交页面） autocomplete..."> name和value是页面往后端发送的数据的key和value(所有获取用户输入的标签 都应该有name属性)，当点击提交按钮时会向后端提交数据，当点击reset按钮时会重置所有选择框的数据...1.2.1form表单提交数据的两种方式 提交按钮<!.../*注释*/ 2.3css的几种引入方式 所谓引入方式就是将css代码在HTML页面代码中执行的方式。 2.3.1行内样式 行内样式指在标记的style属性中设置css样式，不推荐使用。

1.9K10

html学习笔记第二弹

会把它范围内的表单元素信息提交给服务器 各种表单元素控件 属性 属性值 作用...用来区分同一个页面中的多个表单域 表单控件（表单元素） 在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。...定义复选框 file 定义输入字段和“浏览按钮”，供文件上传 hidden 定义隐藏的输入字段 image 定义图像形式的提交按钮 password 定义密码字段，该字段中的字符被掩码 radio 定义单选按钮...reset 定义重置按钮重置按钮会清除表单中的所有数据 submit 定义提交按钮，提交按钮会把表单数据发送到服务器 text 定义单行的输入字段，用户可在其中输入文本。...name表单元素的名字, 要求单选按钮和复选框要有相同的name值. checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素 maxlength是用户可以在表单元素输入的最大字符数

3.9K10

HTML 笔记

表单项标签 input 定义输入字段，用户可在其中输入数据。在 HTML 5 中，type 属性有很多新的值。         ...这是该元素与由 input 元素创建的按钮的不同之处。     6. html5标签--fieldset 元素可将表单内的相关元素分组。         ...                file: 文件上传选择框                 button: 普通按钮                  submit: 提交按钮                 ...image: 图片提交按钮                 reset: 重置按钮, 还原到开始(第一次打开时)的效果                 hidden: 主表单隐藏域,要是和表单一块提交的信息...：reset 重置按钮是将表单数据恢复到第一次打开时的状态，并不是清空                 image 图片按钮，默认具有提交表单功能。

1.8K60

HTML 基础

通用属性，大部分元素都会具备的属性 (1). id 定义元素在页面中独一无二的名称 (2). title 鼠标移入到元素上时所提示的信息 (3). class 指定元素所引用的类选择器(CSS 中使用)...表单元素，用于定义表单的提交信息如：提交地址，提交方式… … ②. 表单控件，能够与用户交互的界面元素 如：文本框，密码框… (2). 表单提交后的处理(服务器端) (3)....，特殊字符无法提交(=,&,?)...只有出现在 form 中的表单控件的数据才会被提交 ②. form 在页面中 没有显示效果，只有功能 39....，提供给服务器端使用，如果没有，则无法提交，采用匈牙利命名法控件缩写+功能 (3). value 定义控件的值，提供给服务器端使用 (4). disabled 禁用控件(无法操作，无法提交)，该属性无值

4.2K10

第59节:Java中的html和css语言

前言: HTML 英文: HyperText Markup Language内容 html是超文本标记语言,是网页语言的基础知识,html是通过标签来定义的语言,所有代码都是由标签所组成的,在html...sex 表单标签： 输入标签 input 文本框 text 密码框 password 单选框 radio 复选框 checkbox 隐藏字段 hidden 提交按钮 submit 重置按钮...表单 表单提交：明确提交方式,指定method属性值,默认为get,form表单中的action属性值,是指定表单数据提交的目的地....get和post get提交的数据会显示在地址栏中,而post不会,使用get会对敏感信息不安全. get的提交数据体积有限,而post可以提交大体积的数据. get将提交数据封装到了http消息头的第一行...); 链接方式 样式优先级是由上到下，由外到内

1.7K20

前端系列教学 - HTML基础

在外观上它和 text 类型 一样，也有同样的属性，但是密码框输入的字符是不可见的。 可以发现我在value属性里设置了值，但最后在密码框里显示的却是星号。...### 标签 标签可以为元素定义标记，以来加强表单的可用性，如果在元素内点击文本，浏览器就会自动将焦点转到相关标签上。...### 按钮 在 标签 有三种按钮类型： 普通按钮 button 提交按钮 submit 重置按钮 reset #### 普通按钮 button： value属性的值会显示在按钮之上。...在之后学了 JavaScript 我们可以为按钮绑定相应的事件。 提交按钮 submit & 重置按钮 reset： 提交 和 重置按钮 都可以被看成是具备特殊功能的普通按钮。...提交按钮点击后，可以将表单内容提交到服务器； 重置按钮点击后，可以重置当前表单内部的表单元素； #### 标签 前面我们看到的是按钮在标签中的实现。

7.1K110

HTML的基本语法以及如何使用HTML来创建网页

浏览器读取HTML文件，并根据标记中的指示呈现网页内容。HTML的主要作用是定义文本内容、图像、链接和其他媒体的排列方式，并提供交互元素，例如表单和按钮。...所有其他元素都包含在标签内。：包含与文档相关的元信息，如页面标题、字符集声明和外部样式表链接。：定义网页的标题，显示在浏览器标签页上。...-- 表单元素在这里 -->action：指定表单数据提交的目标URL。method：指定提交方法，通常是"post"或"get"。...输入字段输入字段用于接收用户输入的数据，常见的输入字段类型包括文本框、密码框、单选按钮、复选框等。文本框文本框使用标签，type属性设置为"text"。..." type="text/css" href="style.css">这使得可以在整个网站上共享相同的样式。

31441

前端-HTML-web服务本质-HTTP协议-请求-标签-01(待完善)

，同一个html文件中id 应该保证唯一 class值，该值就类似于面向对象里面的继承（多个class由空格隔开） style（不是必备），支持在标签内直接写css代码，属于行内样式，优先级最高 补充...thead内用th，在 tbody内用td rowspan="2" 合并两行成一行 colspan="2" 合并两列成一列 使用合并时要把被合并的那行删掉，不然会挤出来 border="1" 表格边框...cellpadding="10" 单元格内间距（td内容和边框之间的距离） cellspacing="10" 单元格外边距（不同td之间的距离） 表单标签 能够接收用户输入（输入、选择、上传），并将其发送给后端服务器处理...="hidden" /> file 文本选择框 对应的属性 name：表单提交时的“键”，注意和id的区别 value：表单提交时对应项的值 type...写好上述代码后，右键运行 在html 表单的action 属性中输入 127.0.0.1:5000/index ?

87320

jquery使按钮置灰不可用

效果演示当您在浏览器中打开包含上述HTML和jQuery代码的页面时，点击“禁用按钮”按钮后，您会发现“点击我”按钮变灰且无法点击，实现了按钮置灰不可用的效果。...按钮置灰不可用的效果经常用于表单提交时，为了避免用户重复提交表单或者在表单提交过程中禁止其他操作。下面是一个示例代码，结合一个简单的表单提交场景，演示如何使用jQuery实现按钮置灰不可用的效果。...当用户点击提交按钮后，按钮将变灰且无法再次点击，确保了表单提交的一致性和有效性。您可以根据实际需求扩展和定制这段代码，提升用户体验和操作安全性。感谢阅读！...disabled是HTML中常用的属性，用于禁用某些元素，例如按钮、输入框等，使其变为不可用状态。当元素被禁用时，用户无法与该元素进行交互，无法点击按钮、输入内容或选择选项等操作。1....应用场景：按钮： 在表单提交或者某些操作需要一定时间处理时，可以将按钮设置为不可点状态，防止用户重复点击。输入框： 在展示信息或者只读模式下，可以将输入框设置为不可编辑状态。2.

20110

HTML知识点概括——一篇文章带你完全掌握HTML

HTML是超文本标记语言，负责网页最基本信息的构造 HTML的优势： 市场需求量 跨平台使用 浏览器支持 我们使用的工具依旧选择老朋友： IDEA 因为内容过多，大部分内容可能都在代码中详细介绍，请仔细阅读代码...button 定义可点击按钮（配合js使用） checkbox 定义复选框 file 定义输入字段和浏览按钮，负责上传文件 hidden 定义隐藏的输入字段 image 定义图像形式的提交按钮 password...定义密码字段，输入内容不可见 radio 定义单选按钮 reset 定义重置按钮，点击后重置表单内所有内容 submit 定义提交按钮，点击后将数据发送至后台 text 定义单行输入的字段，默认20字节...-- reset重置按钮，点击后表单内所有内容重置;可以使用value定义显示内容--> <!...--textare cols：表示可输入的一行内容（不推荐使用，一般在css设置） rows：表示存在多少列（不推荐使用，一般在css设置） 文本默认文字可以直接在里面书写 --> <

1.6K20

前端之HTML内容

、是文档的开始标记和结束标记，是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 、定义了HTML文件的开头部分。...，比如文本字段、复选框、单选框、提交按钮等； 表单还可以包含textarea、select、fieldset和label标签。...表单一般用来收集用户的输入信息 表单工作原理： 访问者在浏览有表单的网页时，可填写必须的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。...type="hidden"/> file 文本选择框 属性说明： name：表单提交时的“键”，注意和id的区别。...value：表单提交时对应项的值 　　type=“button”，“reset”，“submit”时，为按钮上显示的文本内容        type=“text”，“password”，“hidden

2.4K90

01.前端之HTML

、 是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 、 定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。...表单一般用来收集用户的输入信息 　　　　表单工作原理： 　　　　访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。 　　　　...点击提交按钮，input中type=submit的那个按钮，然后就会将form表单中所有用户输入的内容或者选择的内容（{name属性:值，}）都发给服务端（以我们自己写的那个socket举例，打印一下接收的内容...type属性值 表现形式 对应代码 text 单行输入文本 password 密码输入框（不显示明文） date 日期输入框 checkbox 复选框 radio 单选框 submit 提交按钮...#发送浏览器上输入标签中的内容，配合form表单使用，页面会刷新 reset 重置按钮 #页面不会刷新，将所有输入的内容清空 button 普通按钮 hidden 隐藏输入框 file 文本选择框

1.1K20

有它我不慌的

在html中,form标签用于定义表单域,以实现用户信息的收集 form会把它范围里面的东西提交给服务器 <form action="url地址" method="<em>提交</em>方式" name="<em>表单</em>域名称...value一般设置为“注册” ps:其实password属性值,也是可以设置value,并且展示,但这没必要,因为是暗文,可以但是没必要 这里<em>我</em>把form<em>表单</em>域里<em>的</em>action属性添加上来了,然后结合最后添加<em>的</em><em>提交</em><em>按钮</em>...点击免费注册后: 因为我们<em>在</em><em>表单</em>域里填写<em>的</em>目标发送网址是:xxx.php,他肯定<em>无法</em>访问喽~~ 2.reset属性 这<em>的</em>使用场景和submit类似,区别在于这个功能不是<em>提交</em>功能,而是一键清空<em>表单</em>元素信息...有单选功能 c.value属性:作用让后台知道你<em>的</em><em>输入</em>或<em>选择</em>,额外对text和<em>按钮</em>有页面提示显示功能 四.label标签 lable标签是标签,不是一种input<em>的</em>属性,而是和input,p等一样都是标签...我们<em>在</em>实际开发<em>的</em>时候,都是用<em>css</em>来指定大小<em>的</em>!

1.3K20

前端语言基础【第一篇：HTML5 & CSS】

一些标签，没有结束标签 ，在标签内结束 比如 换行 （一般来说加上/更加标准） XML规范中，所有的标签都必须有结束标签 在HTML5文档中存在一些特殊字符无法直接使用。...表单标签 概念：用于采集用户输入的数据，用于和服务器交互，例如登录或者注册界面 : 定义一个表单的范围 属性 action 指定提交数据的URL，默认提交到当前页面 method...指定表单提交方式，常用的有两种，get(默认)和post 简单说一说：get和post区别？...1、get请求地址栏会携带提交的数据，post不会携带 2、get请求安全级别较低，post较高 3、get请求数据大小的限制，post没有限制 输入项：可以输入内容或者选择内容的部分 大部分的输入项...} (4) CSS的盒子模型 在进行布局前需要把数据封装到一块一块的区域内（div） (1) 边框 border: 2px solid blue; border：统一设置 上 border-top 下

1.8K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券