一、html常用标签
1.1 表单标签
登录、注册、个人中心信息完善、修改密码、购物车、订单
表单在网页中主要负责数据采集功能;
表单标签主要是用来和服务器进行交互的,可以把客户端浏览器上的数据,通过这个表单发送给服务器端服务器就可以获取到其中的数据,然后对其进行数据分析。
html中使用form标签完成。表单标签其实是一组标签的组合,不是一个标签。
表单元素是允许用户在表单(比如:输入框、文本域、下拉列表、单选框、复选框等等)输入信息的元素。
在html中使用<form>来定义表单:
在form标签中经常使用其他标签:
input主要是用来让用户输入数据时的标签。input标签中的type属性,可以设置当前让用户输入的数据填写的类型
input标签的type属性
tpye="text" 文本框,主要是用于让用户输入可见的数据,input的默认值;
tpye="password"密码框,主要用于让用户输入不可见的数据;
tpye="radio"单选按钮,这个一般时让用户选择的,注意name属性的必须一致;
tpye="checkbox"复选框,用户可进行多个选择
tpye="file" 选择文件,可以把本地的文件上传到服务器
tpye="submit" 提交,提交整个form表单中的数据到服务端
tpye="reset"重置 把from表单中的数据重置到原始状态
tpye="button"按钮,就是一个简单的按钮,没有任何点击效果
type="image" 图片,可以代替"submit"提交
type="hidden"隐藏数据,页面上不会显示,但是这个数据依然会在提交的时候提交给服务端
<select>下拉框,需要和option 标签一起使用
<textarea rows="5" cols="40" 文本区域,其中rows文本区域显示多少行,clos用于显示文本区域每行多少列
注意:
核心表单:表单标签: form
是一组标签,作用是收集数据,其中包含有:输入框、单选框、多选框、下拉框、文本框、密码框、上传 提交按钮,重置按钮
input:用户输入一些文本信息,默认是type="text"
type="passwod":密码框,输入框输入的内容不可见
type="radio"单选框,一定要个出name 的属性值 ,并且要一样 checked="checked" 为默认选择效果
type="checkbox"多选框
type="hidden" 隐藏的按钮
select:下拉框,配合optiom一起使用,selected="selected"为默认选中效果
textarea:文本区域
button:简单的一个按钮
记住:1、千万不要高估用户的智商,能简单的就简单点,能点的千万不要手写
2、 只要是用户手动输入的,都要给一个属性值name
3、只要不是用户手动输入的,单选,多选,下拉,一定要给个value的属性值
二、h5的新标签
2.1 多媒体,用于媒介回放的video和audio元素
2.2图像效果,用于绘画的canvas元素和svg元素等
2.3更好的页面结构,添加<header><footer>等标签
2.4离线存储,对本地离线存储的更好的支持
2.5设备兼容特性 ,HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,
2.6连接特性,更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术
显示效果
今日笔记就到这里呦