学习网址：

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

1.表单标签

form标签

块级元素，会自动换行；将数据传输给服务器；
常用属性：

action：表单提交的地址；

id：唯一标识；

name：名称

target：表单提交打开方式（当前窗口）

method：提交方式

——get请求：参数会直接跟在url之后，用问号拼接；

安全性差，传递数据量小，效率高（是post 的两倍），有缓存。

——post请求：参数不会跟在url地址栏后面秒内，会放在请求体中；

安全性高，传输数据量大，速度来说相对慢，无缓存。

1))). input元素

input标签用于搜集用户信息；根据不同的type属性值，输入字段拥有很多形式；输入字段可以使文本字段、复选框、单选按钮、按钮等。
常用属性

属性	值	描述
alt	text（文本框）	定义图像输入的代替文本。
checked	checked	规定此input元素首次加载时应当被选中。
disabled	disabled	当input元素加载时禁用此元素。
readonly	readonly	规定输入字段为只读。
maxlength	number	规定输入字段中的字符的最大长度。
value	value	规定input元素的值
type	button <br>(普通按钮） checkbox <br>(复选框） file <br>(文件域<上传文件>） hidden <br>(隐藏域<用来存放需要传递给服务器，但不需要显示的数据>） image <br>(图片按钮） password (密码框）<br> radio <br>（(单选框） reset <br>(重置按钮） submit <br> text	规定input元素的类型。

应用举例：

     <form action="#" method="get" id="myform" name="myform"></form>编号：<input type="hidden" name="userID" value="1" /><br>姓名：<input type="text" name="" id="" value="" /><br>密码：<input type="password" name="username" /><br>性别：男<input type="radio" name="usersex" value="man" checked="checked"/>女<input type="radio" name="usersex" value="woman"/><br>爱好：唱歌<input type="checkbox" name="UserPwd" value="sing"/>跳舞<input type="checkbox" name="UserPwd" value="dance"/>说唱<input type="checkbox" name="UserPwd" value="rap"/><br>头像：<input type="file" name="UserHead" /><br>生日：<input type="date" name="UserDate" /><br>简介：<textarea name="remark">111111</textarea><br><input  type="button" value="普通按钮" /><input type="reset" value="重置按钮"/><input type="submit" value="提交按钮"/>

演示结果：

2))). textarea文本域

cols 和 rows

3))). label标签

4))). button按钮（默认提交按钮）

button（普通按钮）

<button>提交按钮</button>

若要改变，在里面加type： button（普通按钮）// submit（提交按钮)(默认值）// reset（重置按钮）

<button type="button">普通按钮</button>

5))). select下拉选项（）

注：当option设置了value属性时，提交的数据是 value对应的值；如果未设置value，则提交的数据是文本值；

size可设置下拉框一次性可显示的个数；

disabled可禁用选项；

城市：<select name="city"><option>请选择城市</option><option>北京</option><option>上海</option><option>广州</option><option>深圳</option></select>

2.常用字符实体

符号	对应代码
<	&lt
>	&gt
/n	&nbsp
版权符	&copy

&lt;h2&gt;hello&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&copy;world

3.标签的分类

（1）块状元素

（2）行内元素

（3）行内块状元素

第二次网页前端培训笔记（HTML P4-P7）相关推荐

第二次网页前端培训笔记
1.学习网址 hbuilder第二次培训笔记 - 幕布 2.基础操作 3.html基本框架 <!DOCTYPE html> <html> <head> ...
第二次网页前端培训笔记（html表单）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 1. 表单标签和表单元素 (1)表单标签:form用于 ...
第二次网页前端培训笔记（表单，INPUT及常用字符）
1.表单 form 2. INPUT <form action="#" method="get" id="myform" name=& ...
第二次网页前端培训笔记(HTML P4-7)
5.表单及其元素 5.1 form 表单标签,块级元素,会自动换行,将数据传输给服务器常用属性 action 表单提交的地址(必须属性) id 唯一标识 name 名称 target 表单提 ...
网页前端培训笔记（HTML标签）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili HTML 教程 | 菜鸟教程 (runoob.com) ...
梅科尔工作室-第一次网页前端培训笔记（HTML常用标签）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 1.安装编译器 vs hBuilder X等等(本人主 ...
第五次网页前端培训笔记（js1）
1.js的基本使用 JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多 ...
第一次网页前端培训笔记（Html基础语法和常用标签）
一.什么是HTML HTML 是用来描述网页的一种语言.HTML 是一种在 Web 上使用的通用标记语言.HTML 允许你格式化文本,添加图片,创建链接.输入表单.框架和表格等等,并可将之存为文本文件 ...
第一次网页前端培训笔记
一.编辑软件 HbuilderX HBuilderX 自述文件二.html的第一次学习 1.学习链接:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础 ...

第二次网页前端培训笔记（HTML P4-P7）

学习网址：

1.表单标签

form标签

块级元素，会自动换行；将数据传输给服务器；

常用属性：