Java入门第二天

一、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拥有更有效的服务器推送技术

显示效果

今日笔记就到这里呦

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值