随笔分类 - 前端html
摘要：HTML标签可以设置属性，如下： 为什么能设置属性呢？ 我们可以把标签看成一个对象，对象就应该有他自己属性和方法 上面的input标签 type="button"就是它的属性 ，onclick='addclick()' 就是它的方法 关于标签属性的注意事项： 1.HTML标签除一些特定属性外可以设置
阅读全文
摘要：标签嵌套规则 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素，例如： <div><div></div><h1></h1><p></p></div> ✔️ <a href=”#”><span></span></a> ✔️ <span><div></div></
阅读全文
摘要：三种： 1.块级标签： 独占一行，可设置宽度，高度。如果设置了宽度和高度，则就是当前的宽高。如果宽度和高度没有设置，宽度是父盒子的宽度，高度根据内容填充。 2.行内标签：在一行内显示,不能设置宽度，高度。它的宽度，高度根据内容去填充。 3.行内块标签：在一行内显示，可设置宽度，高度。 标签分类 HT
阅读全文
摘要：input标签用于接收用户输入。可以利用input 可以做登录页面 input标签是行内块标签 <input> 元素会根据不同的 type 属性，变化为多种形态。 name属性：表单点击提交按钮时，提交form表单时候，在url上显示， 是一个key-value形式，注意和id的区别 type属性
阅读全文
摘要：表单控件分类 input标签： input标签 type属性的text,password,button按钮,submit按钮 input标签placeholder属性 标签上显示内容 input标签 disable属性 input标签 type属性radio单选框 input标签 type属性che
阅读全文
摘要：<select></select> select里面通常跟option配合使用 加上name属性 提交后台，让他提交到后台 在每个<option>里面加value url上显示提交的值 select的size属性 size取值大于1的话，则为滚动列表，否则就是下拉选项框，默认size等于1 sele
阅读全文
摘要：属性说明： name：提交给服务端 rows：设置文本区域的列数，变相设置当前元素宽度 cols：设置文本区域的行数，变相设置当前元素高度 disabled：禁用 设置文本域rows高度，cols宽度 加上placehodler属性
阅读全文
摘要：按下重置按钮，还原到默认状态
阅读全文
摘要：加上上传文件功能input type='file' - 依赖form表单里一个属性 enctype="multipart/form-data" 加上这个属性表示把你上次文件一点一点点上传还有form表单action指向提交的url后台，一定是用post请求提交 Title ...
阅读全文
摘要：适用于 选择性别按钮网页等 设置checked属性 默认选中 提交到后台时候 选中一个提交一个就可以了 用value区分提交哪个 把value提交就可以了 点击提交 url上显示gender=1 就是男 提交 gender=2 女的 key-value形式
阅读全文
摘要：多选框 name属性设置为一样，这样后台就知道用户选中了几个 url上传递name属性相同
阅读全文
摘要：表单标签 form 表单是一个包含表单元素的区域表单元素是允许用户在表单中输入内容，比如：文本域(textarea)、输入框(input)、单选框（） 表单的作用 form标签作用是把用户输入数据信息提交到服务端。 表单用于向服务器传输数据，从而实现用户与Web服务器的交互 表单能够包含input系
阅读全文
摘要：定义：<label> 标签为 input 元素定义标注（标记）。 label标签功能：关联input标签文本与表达元素，点击input标签文本时，如同点击表单元素一样。 label标签是行内标签，在一行显示 for元素 表示与该label相关联的表单控件元素的id值，<label> 标签的 for
阅读全文
摘要：表格标签 table 表格由<table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。td标签，数据单元格可以包含放文本<span>标签、图片<img/>标签、列表<ul
阅读全文
摘要：就是一个按钮标签 <button> 标签定义一个按钮。 在 <button> 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。 提示：请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属
阅读全文
摘要：超链接标签 <a> 超级链接<a>标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，也可以是相同网页上的不同位置。 href属性：目标URL 点击跳转到百度，默认在当前网页打开目标页面 a标签 taget属性： 告诉浏览器用什么方式来
阅读全文
摘要：定义列表<dl> 定义列表的作用非常大。 <dl>英文单词：definition list，没有属性。dl的子元素只能是dt和dd。 <dt>：definition title 列表的标题，这个标签是必须的 <dd>：definition description 列表的列表项，如果不需要它，可以不加
阅读全文
摘要：列表标签 ul，ol，li ul、ol、li标签 都属于块级标签，独占一行 网站页面上一些列表相关的内容比如说物品列表、人名列表等等都可以使用列表标签来展示。通常后面跟<li>标签一起用，每条li表示列表的内容，li不能单独存在，必须包裹在ul，ol里面 <ul>:unordered lists的缩
阅读全文
摘要：特殊符号 浏览器在显示的时候会移除源代码中多余的空格和空行。 所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。 按回车空格 在网页上只能显示1个空格 特殊字符 在上一个实例中，我们演示了HTML中输入空格、回车都是没有作用的。要想输入空
阅读全文
摘要：分割线 <hr> <hr>标签用来在HTML页面中创建水平分隔线，通常用来分隔内容
阅读全文
