0
点赞
收藏
分享

微信扫一扫

【第二次网页前端培训笔记】

潇湘落木life 2022-02-05 阅读 81

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

学习内容:

1.表单

form标签:块级元素,会自动换行,将数据传输给服务器

常用属性:action表单提交的地址url,id 唯一标识,name 名称,target 表单提交打开方式(当前窗口)

method 提交方式:get 请求(参数会直接跟在url后面,用问号拼接。安全性差,传递的数据量小,效率高,是post速度的两倍,有缓存)

post  请求:参数不会跟在url地址栏后面,会放在请求体中。安全性高,传输数据量大,速度相对来说较慢,无缓存

 input  标签:

input 元素:(表单元素需要设置name属性值,否则无法传递)

    type  表单元素的类型:

             text  文本框

             password  密码框

             radio  单选框

             checkbox  复选框

             button  普通按钮

             hidden隐藏域(用来存放需要传递给服务器,但不需要显示的数据)

             file  文件域(上传文件)

             date  日期框

             submit  提交按钮、

             reset  重置按钮

             image图片按钮(提交按钮)

     value  表单元素的值(默认)

     checked  是否选中(单选框/复选框)

     disabled  是否禁用

     maxlength  允许输入的最大字符

textarea标签:多行文本输入,用cols(可见宽度)和rows(可见行数)控制文本的尺寸,可容纳无限文本

<textarea>content</textarea>

label标签:

设置label标签的for属性值与表单的id属性值对应,当点击label标签时,会自动给表单元聚焦

button按钮:

type属性:button  普通按钮,submit  提交按钮(默认值),reset  重置按钮

<button>anniu</button>

 select下拉列表:

下拉选项select后+name,+multiple可选择多个选项,size为显示的选项个数

option+value

当option设置了value属性值时,提交的数据是value对应的值,若未设置value,则提交的数据是文本值 

disabled="disabled"

禁用选项

2.字符实体

<       &lt

>       &gt

空格  &nbsp

版权符  &copy

举报

相关推荐

第二次网页前端培训笔记

网页前端第二次培训

第二次网页前端培训(HTML)

网页前端第二次笔记

第二次网页前端笔记

网页前端第二次

第二次前端培训作业

0 条评论