在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
众所周知，HTML标签是网页制作的的基础。可以说网页的本质就是超级文本标记语言。严格来说，HTML并不是一门编程语言，而是超文本标记语言。HTML作为网页中的结构，就好比人的骨架。所以，学好HTML和div布局是网页稳固的一个关键。本文为初学者整理汇总了HTML标签基础学习笔记，下面一起来看看吧！
1、表单：
（1）概念
表单用于采集用户输入的数据的。用于和服务器进行交互。form用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
（2）属性
action：指定提交数据的URL；method:指定提交方式。
（3）分类
get：请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)；请求参数大小是有限制的；缺点是不太安全。
post：请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)；请求参数的大小没有限制。总的来讲，较为安全。
2、表单项标签：
（1）input：可以通过type属性值，改变元素展示的样式；
（2）type：属性:；
（3）text：文本输入框，默认值；
（4）placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息；
（5）password：密码输入框；
（6）radio:单选框。注意：要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样；一般会给每一个单选框提供value属性，指定其被选中后提交的值；checked属性，可以指定默认值。
（7）checkbox：复选框。注意：一般会给每一个单选框提供value属性，指定其被选中后提交的值；checked属性，可以指定默认值。
（8）file：文件选择框；
（9）hidden：隐藏域，用于提交一些信息；
（10）按钮：submit：提交按钮，可以提交表单；button：普通按钮；image：图片提交按钮；src属性指定图片的路径。
（11）label：指定输入项的文字描述信息。注意：label的for属性一般会和 input 的 id属性值 对应。如果对应了，则点击label区域，会让input输入框获取焦点。
（12）select: 下拉列表；
（13）子元素：option，指定列表项；
（14）textarea：文本域；
（15）cols：指定列数，每一行有多少个字符；
（16）rows：默认多少行。
以上就是HTML标签基础学习笔记，大家都看懂了吗？如果大家还有什么不明白的地方，可以上博学谷学习免费的《认识网页从HTML开始》课程，相信可以帮助零基础的学员快速入门HTML的学习。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
JavaScript视频教程学了有用吗？
下一篇：
如何学习前端？前端学习路线总结
相关推荐 更多
JavaScript常用内置对象有哪些？
JavaScript常用内置对象有哪些？一般来说，大家最常用的有浏览器对象模型、文档对象模型和全局JavaScript对象三类。下面小编就来分析一下这三类具体的内置对象及其作用。
8387
2019-08-21 18:31:00
JavaScript开发者必会的五种设计模式
JavaScript设计模式的作用是显而易见的，开发者可以通过它写出整洁美观、结构合理的代码。本文将和大家来盘点一下五种JavaScript开发者必会的五种设计模式，它们分别是构造函数设计模式、原型设计模式、命令设计模式、观察者模式、工厂设计模式。
4966
2020-07-01 15:24:03
Web前端开发三剑客是做什么的？
大家都熟知，Web前端开发三剑客就是HTML、CSS、JavaScript。通过三种技术的融合产生了各式各样的网站。那Web前端开发三剑客分别是做什么的呢？主要在网站开发中主要完成哪些动作？
12421
2020-08-03 11:55:49
Web前端和后端的区别是什么？如何区分？
Web前端和后端的区别：从前端和后端两者工作内容和负责项目是完全不同。后端：入门难深入更难，枯燥乏味，看业务逻辑代码；前端：入门简单先易后难，能看到自己做出来的展示界面，有成就感。
5923
2020-09-17 16:47:02
女生适合前端工作吗？能做前端工程师吗？
学习和性别没有太大的关系，现在前端领域有很多女孩子，做得好的也不在少数，只要你学习能力强,足够努力，找Web前端工作没有想象中那么难。
6770
2020-09-22 16:00:54
