8.3 H5学习笔记

隐藏域

<form action="" method="post" enctype="multipart/form-data">

  <input type="file" name="file">

</form>

注意:

利用这项功能是,在form标签中要指定method属性。要把method指定为post,enctype属性指定为multipart/form-data。

说明:

multiple 控制是否上传多文件

HTML5的表单所有TYPE类型

button 定义可点击的按钮(大多与JavaScript使用来启动脚本)
checkbox 定义复选框
color 定义拾色器
date 定义日期字段(带有calendar控件)
datetime 定义日期字段(带有calendar和time控件)
datetime-local 定义日期字段(带有calendar和time控件)
month 定义日期字段的月(带有calendar控件)
week 定义日期字段的周(带有calendar控件)
time 定义日期字段的时、分、秒(带有time控件)
email 定义用于e-mail地址的文本字段。
file 定义输入字段和“浏览...”按钮,供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
number 定义带有spinner控件的数字字段。
password 定义密码字段。字段中的字符会被遮藏。
radio 定义单选按钮。
range 定义带有slider控件的数字字段。
reset 定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search 定义用于搜索的文本字段。
submit 定义提交按钮。提交按钮向服务器发送数据。
tel 定义用于电话号码的文本字段。
text 默认。定义单行输入字段,用户可在其中输入文本。默认是20个字符。
url 定义用于URL的文本字段

HTML5的表单新属性

autocomplete

<form action="">
  <input type="search" name="keywords" autocomplete="on" autofocus>
      <input type="submit" value="提交">
</form>

multiple

<form action="" method="post" enctype="multipart/form-data">
      <input type="file" multiple>
      <input type="submit" value="提交">
</form>

placeholder

<input type="text" placeholder="请输入用户名...">

required

<form action="">
      用户名:<input type="text" required>
      <input type="submit" value="提交">
</form>

textarea(表单元素:多行文本域)

<textarea rows="5" cols="80"></textarea>

select(表单元素:下拉框)

<label for="province">省份</label>
    <select id="province">
        <option>请选择</option>
        <option selected>广东</option>
        <option>上海</option>
  </select>

时间: 2024-07-30 03:25:14

8.3 H5学习笔记的相关文章

H5学习笔记

1.section:页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分:可以与h1.h2.h3.h4.h5.h6等结合使用,标示文档结构: 不要将section元素用作设置样式的页面容器,那是div的工作:如果article元素.aside元素或nav元素更符合使用条件,不要使用section元素:不要为没有标题的内容区块使用section元素. 2.article:页面中的一块与上下文不相干的独立内容,如博客中的一篇文章或报纸中的一篇文章: article可以看做是一种特殊的sect

h5学习笔记:Table

编写一个表格作为练习.当中有个比较重要的样式在学习过程中遇到,border-collapse: collapse; 能够去除双重的边框.table可以合并单元格所以 对td属性设置 colspan="2" 则代表可以设置单元格. table 当中thead, tbody, tfoot 都是table元素.使用thead代表表头 ,这个标签好处的无需关系位置.同样tfoot 也一样. .mytable tr:nth-child(2n) 为隔开选取,这样就能够间隔地处理错开的颜色. <

h5学习笔记:vuethink 配置

vuethink 是一款基于PHP TP5和Vuejs 结合的后台框架,设计起来是使用较为前沿.在使用的过程,需要对这款开源的后台做一些调整和面对一些细节的坑.前段时间也因为有项目需求,所以下载了玩了一下.好,下面看看如何安装使用. 1 下载源代码 进入到官网 到到这个网页进行下载. 下载完成后,这款后台是前后端分离,基于PHP开发,以及是Vuejs,解压后会frontEnd 和php两个安装包.forntEnd是前端开发包,php是后端开发代码包. 2 安装依赖库 下载的vuejs代码包是没有

sass个人学习笔记

Materliu 在慕课的视频: http://www.imooc.com/learn/364 . http://www.imooc.com/wiki/371 sass入门:http://www.w3cplus.com/sassguide/ 个人先看了 <Sass与Compass实战>(Materliu 是中文翻译之一)后看的视频,看书的时候不是很了解看了视频之后又看了一遍书终于少许了解sass了 下面是我个人对<Sass与Compass实战>这本书学习笔记总结,有些是个人极端自我

bootstrap学习笔记一: bootstrap初认识,hello bootstrap(下)

这一篇主要是补上源码,开始之前请先回顾:bootstrap学习笔记一: bootstrap初认识,hello bootstrap(上) 首先,我们的页面要求, lang,charset等就不用说了,老html属性, viewport是h5的属性,目的是 width=device-width 铺满设备宽度, initial-scale=1正常比较 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/>  图片(单标签)alt属性 是图片名字,是给百度搜索引擎抓取使用:     a标签: 链接/下载/锚点 href地址等于标签id     target 链接打开方式     blank  新窗口     self     当前窗口     <base target="_blank"/> 定义页面链接默认打开方式   常见标签 div        

struts2学习笔记(7)------------ognl表达式

OGNL表达式(Object-Graph Navigation Language),大概可以理解为:对象图形化导航语言.是一种可以方便地操作对象属性的开源表达式语言. Struts2自行维护一个特定范围的"银行",Action将数据放入其中,而JSP页面可从中取数据,表面上似乎看起来像是jsp可以直接访问Action数据.. 当Action属性不再是简单的值,而是某个对象,数组,集合时,就需要使用ognl表达式来访问这些对象,数组,集合内的数据了. 1)ognl的stack Conte

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

学习笔记(一)HTM标签

学习笔记(一)HTML基础知识 HTML:超文本标记语言(Hyper Text Markup Lanuage) HTML就是砌墙,把适当的砖块摆在合适的位置,就能完成一个页面. (一)网页文件命名: a.不可以用中文 b可以使用英文或数字,也可以用拼音,但不要中西合并. c.大小写问题:windowzz操作系统不区分大小写,Linux区分大小写, 所以要求统一区分大小写. d.后缀名必须是html. e.声明html文件时, 最好不要使用特殊数字符,可以用减号或下划线. (二)基本框架: bod